/*

Theme Name: Hyperion Persona

Template: hyperion

Version: 1.0.0

*/
/* ======================================
   GLOBAL / SITE SHELL
====================================== */

#website_header.sticky {
    position: fixed;
    top: 0;
}

.website-background.element-background-body {
    position: fixed;
}

.website-container-blocks {
    align-content: center;
}

ul.icons {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0 1rem;
    flex-direction: row;
    padding: 1rem 0;
    margin: 0 0 2rem 0;
    list-style: none
}

.text-light .text-outline,
.text-default .text-outline,
.text-dark .text-outline {
    -webkit-text-stroke: 1px #fff;
    color: transparent !important;
}

.website-background video {
    height: 100% !important;
}

a.button span {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}

.website-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

* {
    scroll-margin-top: 0;
}

[class*="archive"] .item-content-text,
[class*="post-feed"] .item-content-text[style*="background-color"] {
    padding: 1.5rem !important;
}

[class*="archive"] .item-content .item-content-media figure img,
[id*="post-feed"] li.item-content .item-content-media figure img {
    filter: grayscale(100%) brightness(0.7);
    transition: 0.4s;
}

[class*="archive"] .item-content:hover .item-content-media figure img, [id*="post-feed"] li.item-content:hover .item-content-media figure img {
    filter: grayscale(0%) brightness(0.7);
}

.uppercase {
    text-transform: uppercase;
}

.poster video {
    transform: scale(1.01);
}

[id*="use-case"] [class*="style-hover"] .item-content-wrap .item-content-media img,
[id*="use-case"] [class*="style-hover"] .item-content-wrap [class*="item-content"] video {
    filter: grayscale(100%);
    transition: 0.4s;
    object-fit: cover;
    object-position: center center;
}

[id*="use-case"] [class*="style-hover"] .item-content:hover [class*="item-content"] video, [id*="use-case"] [class*="style-hover"] .item-content.active [class*="item-content"] video {
    filter: grayscale(0%);
}

[id*="use-case"] [class*="style-hover"] .item-content-wrap .item-content-text h3 {
    font-size: 2vw;
    font-weight: 900;
    font-family: "Geist";
}

.wrapper-industries [class*="style-hover"] .item-content-text,
.wrapper-industries [class*="style-hover"] .item-content-text:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.grayscale {
    filter: grayscale(100%);
}

.item-media-caption {
    font-size: 10px !important;
}

.item-content-text,
.item-content-media {
    position: relative;
}

.element-content .item-media-caption,
.item-content-media .item-media-caption {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}

.grecaptcha-badge {
    visibility: hidden;
}

#team.ginlined-content {
    background: #000;
    width: 80vw;
    max-width: 1200px;
    height: 50vh;
    max-height: 720px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
    transform: translateY(20px);
    transition: transform 0.4s ease;
    border: 1px solid #000000;
}

.carousel__button.is-close svg {
    display: none;
}

.carousel__button.is-close::before {
    width: 100%;
    height: 100%;
    content: '\2715';
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: 0.4s;
}

.fancybox__content > .carousel__button.is-close {
    top: -48px;
}

.carousel__button.is-close:hover::before {
    color: #000000 !important;
}

.faq {
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 0;
    transition: 0;
    width: 100%;
    border-top: 1px solid #000000
}

.faq .question {
    width: 84vw;
    background: transparent;
    background-repeat: repeat;
    color: #000000;
    border: 0;
    text-align: left;
    cursor: pointer;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background 0.25s ease, transform 0.2s ease;
    border-radius: 0;
    font-family: "Geist";
    font-size: 24px;
}

.faq .question:hover {
    background: #000000;
    color: #fff;
}

.faq .answer {
    background: transparent;
    transition: none;
}

[id*="contact"] .hbspt-form,
[id*="contact"] .hbspt-form [class*="form-columns-"] .hs-form-field {
    width: 100%;
    float: left;
}

[id*="contact"] .hbspt-form .form-columns-1,
[id*="contact"] .hbspt-form .form-columns-2 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    max-width: 100%;
}

[id*="contact"] .hbspt-form input,
[id*="contact"] .hbspt-form select,
[id*="contact"] .hbspt-form textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0.75rem 0;
    color: #f7f7f7;
    margin: 0;
    width: 100%;
}

[id*="contact"] .hbspt-form select option {
    background-color: #000000;
    padding: 0.75rem;
}

[id*="contact"] ul[class*="hs-error"] {
    list-style: none;
    margin: 0;
    padding: 0.75rem 0;
}

[id*="contact"] ul[class*="hs-error"] li label.hs-error-msg {
    font-size: 15px;
}

[id*="contact"] .hbspt-form [class*="form-columns-"] div.input {
    margin: 0 !important;
    width: 100%;
}

[id*="contact"] .hbspt-form [class*="form-columns-"] .hs-input {
    width: 100% !important;
}

[id*="contact"] .hbspt-form .hs_submit.hs-submit {
    padding: 1.25rem 0 0 0;
}

[id*="contact"] .hbspt-form .hs_submit.hs-submit input[type="submit"] {
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

[class*="style-hover"] .item-content-media {
    width: 100%;
}

[class*="style-hover"] .item-content-text:hover {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.website-footer-wrapper a {
    text-decoration: none;
}

#website_header {
    background-color: transparent !important;
}

.glide__bullet {
    width: 40px !important;
    height: 4px !important;
    border-radius: initial !important;
    border: none !important;
}

.glass {
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 2rem;
}

#website_footer a i {
    transition: 0.4s !important;
}

#website_footer a:hover i {
    color: #878787 !important;
}

[id*="wrapper_team"] .item-content {
    overflow: visible !important;
}

.container_industries .glass {
    border: none !important;
}

.stack-container {
    position: relative !important;
}

.fa-2x {
    font-size: 21px !important;
}

.wrapper-team-link .website-element.align-center {
    text-align: left !important;
}

.focus_text {
    width: 100%;
}

/* ======================================
   LINKS / UNDERLINE INTERACTIONS
====================================== */

[id*="website_main"] a:not(.button):not([type="button"]), [id*="website_footer"] a:not(.button):not([type="button"]) {
    position: relative;
    text-decoration: none;
}

/* Header menu */
#website_header a.menu-item-link {
    text-decoration: none;
}

#website_header a.menu-item-link > .menu-item-link-text {
    position: relative;
    display: inline-block;
}

.news-filter-item {
    position: relative;
}

/* ======================================

   CONTENT + FOOTER LINKS

\====================================== */
[id*="website_main"] a:not(.button):not([type="button"])::after, [id*="website_footer"] a:not(.button):not([type="button"])::after, #website_header a.menu-item-link > .menu-item-link-text::after, a.news-filter-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.15em;
    width: 0;
    height: 1px;
    background: currentColor;
    transition: width 0.18s ease;
    pointer-events: none;
}

/* ======================================

   POSITIONING CONTEXT

\====================================== */
[id*="website_main"] a:not(.button):not([type="button"]), [id*="website_footer"] a:not(.button):not([type="button"]), #website_header .menu-item-link-text {
    position: relative;
}

/* ======================================

   ACTIVE / HOVER STATES

\====================================== */
[id*="website_main"] a:not(.button):not([type="button"]):hover::after, [id*="website_main"] a:not(.button):not([type="button"]):focus-visible::after, [id*="website_footer"] a:not(.button):not([type="button"]):hover::after, [id*="website_footer"] a:not(.button):not([type="button"]):focus-visible::after, #website_header a.menu-item-link > .menu-item-link-text:hover::after, a.news-filter-item:hover::after, .current_page_item .menu-item-link-text::after, a.news-filter-item.active::after {
    width: 100%;
}

[id*="website_footer"] .footer-column-right a::after, [class*="post-feed"] [class*="item-content"] a::after {
    display: none !important;
}

.wrapper-element-cta .element-content {
    text-align: left !important;
    padding: 3rem 0 0 0;
}

#website_footer img {
    max-height: 48px !important;
    width: auto !important;
    float: left !important;
}

#website_title {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-video {
    max-width: 100%;
    height: auto;
    width: 100% !important;
    float: left;
    margin: 3rem 0;
}

.post-feed-content-row,
.wrapper-columns.content-row-archive {
    row-gap: 2rem;
}

.gslide-inline {
    background-color: transparent !important;
}

p {
    margin: 1.5rem 0 0 0;
}

div p:first-of-type, h2 + p, h3 + p {
    margin: 0 0 0 0;
}

p + a.button {
    margin-top: 2rem !important;
}

.singular-content-primary p + h2 {
    margin-top: 1.25rem;
}

body[class*="desktop"] .full-height-desktop {
    min-height: 100vh;
    justify-content: start;
}

[class*="website-wrapper"][class*="wrapper-block-grid"].grid-white {
    row-gap: 5rem;
}

body[class*="tablet"] [class*="website-wrapper"][class*="wrapper-block-grid"].grid-white,
body[class*="desktop"] [class*="website-wrapper"][class*="wrapper-block-grid"].grid-white {
    column-gap: 5rem;
}

[class*="website-wrapper"][class*="wrapper-block-grid"].grid-white [class*="grid-item"] .item-content-text {
    padding: 2rem;
    background-color: #fff;
}

[class*="website-wrapper"][class*="wrapper-block-grid"].grid-white [class*="grid-item"] .item-content-text ul {
    list-style-type: none;
    padding: 0;
    margin: 2rem 0 0 0;
}

[class*="website-wrapper"][class*="wrapper-block-grid"].grid-white [class*="grid-item"] .item-content-text ul li {
    border-top: 1px solid;
    padding: 1rem 0;
}

[id*="use-case"] video {
    filter: grayscale(100%);
    transition: 0.4s;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

[id*="use-case"] h3 {
    font-size: 2vw;
    font-weight: 900;
}

[id*="use-case"] [id*="block_use"] [class*="style-hover"] [id*="item"]:hover video, [id*="use-case"] [id*="block_use"] [class*="style-hover"] [id*="item"].active video {
    filter: grayscale(0%);
}

.container-content,
.container_content {
    padding: 10vh 0;
}

.item-content-text {
    padding: 1.35rem 0;
}

[class*="line-top"][class*="grid"] {
    row-gap: 2rem;
}

[class*="line-top"] .item-content {
    border-top: 1px solid;
    padding-top: 1.35rem;
}

[class*="line-top"] .item-content.grid-item-header,
[class*="line-top"] .item-content.grid-item-footer {
    border-top: none !important;
}

[class*="line-top"] .item-content .item-content-text {
    padding: 0 !important;
}

[class*="columns-custom"][class*="grid"] {
    grid-template-columns: repeat(12, 1fr);
    row-gap: 1.35rem;
}

[class*="item"][class*="item_left"],
[class*="item"][class*="item_right"] {
    grid-column: span 12;
}

[class*="wrapper-block-link"].align-center {
    text-align: left;
    padding-top: 10vh;
}

[id*="container_hero"], .container-hero, .container_hero {
    min-height: 100vh !important;
}

.website-background.container-background-image img {
    height: 100%;
    object-fit: cover;
}

/* ======================================
   MOBILE: < 768px
====================================== */

@media all and (max-width: 767px) {
    .website-background.element-background-body {
        aspect-ratio: 9 / 16;
    }

    .theme-block-jobs {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .website-background.element-background-body {
        aspect-ratio: 4 / 3;
    }

    .theme-block-jobs {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .wrapper_contact {
        padding: 10vh 0;
    }

    .wrapper_contact .item-content-row\.code {
        position: relative;
        height: 42vh;
    }

    .wrapper_contact .item-content-row\.code img.img-figure {
        position: absolute;
        max-height: 300px;
        bottom: 0;
        z-index: 10;
        margin: 0 auto;
        float: none;
        object-fit: contain;
        width: 100%;
    }

    .wrapper_contact .item-content-row\.code img.img-caption {
        position: absolute;
        max-height: 60px;
        top: 0vh;
        z-index: 5;
        margin: 0 auto;
        float: none;
        object-fit: scale-down;
        width: 100%;
    }

    .wrapper_contact .item-content-text .item-media-caption {
        position: absolute;
        bottom: 12px;
        left: 12px;
        max-width: 90px;
    }

    #menu-main {
        min-height: 54vh;
        display: grid;
        padding: 12vh 0;
        gap: 8px;
    }

    [id*="use-case"] [class*="wrapper"][class*="columns-4"] {
        flex-direction: column;
    }

    [id*="use-case"] [class*="wrapper"][class*="columns-4"] > [id*="item"] {
        flex: unset !important;
        width: 100%;
        height: auto;
        cursor: default;
    }

    [id*="use-case"] [class*="style-hover"] .item-content-text:hover {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }

    [id*="use-case"] [class*="item-content"] .item-content-text {
        padding: 3rem !important;
    }

    [id*="use-case"] .item-content {
        grid-column: span 2;
    }

    [id*="use-case"] .item-content [class*="item-content"] video {
        filter: none !important;
    }

    [id*="use-case"] h6 {
        position: absolute;
        bottom: 0;
        text-align: left !important;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .team-member-group-section-grid {
        column-gap: 1rem !important;
    }

    .faq .question,
    .faq .answer {
        padding: 1.25rem;
    }

    #website_footer {
        padding-bottom: 10vh;
    }

    ul.icons {
        margin-top: 2rem;
    }

    [id*="mission"] .element-content ul li:nth-child(2n) {
        flex-wrap: wrap;
    }

    [id*="container_spec"] .prototype-name,
    [id*="container_spec"] .prototype-headline {
        grid-column: span 2;
    }

    [id*="spec"] [id*="prototype"] .item-content-wrap {
        flex-direction: column-reverse;
    }

    [id*="spec"] [id*="prototype"] .wrapper-columns {
        min-height: 100vh;
    }

    .style-block .item-content-wrap .item-content-text {
        width: 100vw;
        padding: 1.25rem 5vw !important;
    }

    [id*="use-case"] [id*="block_use"] .item-content {
        grid-column: span 2;
    }

    [id*="use-case"] [id*="block_use"] [class*="grid-item"] {
        aspect-ratio: 9 / 16 !important;
    }

    [id*="use-case"] [id*="block_use"] [class*="item-content"] video {
        filter: none !important;
    }

    [id*="use-case"] [id*="block_use"] [class*="item-content-wrap"] > div {
        grid-column: span 12;
    }

    [id*="use-case"] [id*="block_use"] [class*="grid-item"]:hover {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }

    [id*="use-case"] [id*="block_use"] [class*="item-content"] [class="item-content-code"] {
        padding: 3rem !important;
    }

    [id*="use-case"] [id*="block_use"][class*="wrapper"][class*="columns-4"] {
        flex-direction: column;
    }

    [id*="use-case"] [id*="block_use"][class*="wrapper"][class*="columns-4"] > [id*="item"] {
        flex: unset !important;
        width: 100%;
        height: auto;
        cursor: default;
    }

    [id*="use-case"] [id*="block_use"] h6 {
        position: absolute;
        bottom: 0;
        text-align: left !important;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    [id*="container_hero"], .container-hero, .container_hero {
        padding: 20vh 0 10vh 0;
    }

}

/* ======================================
   TABLET: 768px–1279px
====================================== */

@media all and (min-width: 768px) and (max-width: 1279px) {
    [id*="container_hero"], .container-hero, .container_hero {
        padding: 20vh 0 10vh 0;
    }

    .website-background.element-background-body {
        aspect-ratio: 4 / 3;
    }

    .theme-block-jobs {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .wrapper_contact {
        padding: 10vh 0;
    }

    [class*="wrapper_contact"] [class*="wrapper"][class*="columns-2"] {
        grid-template-columns: 1fr;
    }

    .wrapper_contact .item-content-row\.code {
        position: relative;
        height: 90vh;
    }

    .wrapper_contact .item-content-row\.code img.img-figure {
        position: absolute;
        max-height: 70vh;
        bottom: 10vh;
        z-index: 10;
        margin: 0 auto;
        float: none;
        object-fit: contain;
        width: 100%;
    }

    .wrapper_contact .item-content-row\.code img.img-caption {
        position: absolute;
        max-height: 12vh;
        top: 2.5vh;
        z-index: 5;
        margin: 0 auto;
        float: none;
        object-fit: scale-down;
        width: 100%;
    }

    .wrapper_contact .item-content-text .item-media-caption {
        position: absolute;
        bottom: 12px;
        left: 12px;
        max-width: 180px;
    }

    #menu-main {
        min-height: 54vh;
        display: grid;
        padding: 12vh 0;
        gap: 8px;
    }

    [id*="use-case"] [class*="wrapper"][class*="columns-4"] {
        flex-direction: column;
    }

    [id*="use-case"] [class*="wrapper"][class*="columns-4"] > [id*="item"] {
        flex: unset !important;
        width: 100%;
        height: auto;
        cursor: default;
    }

    [id*="use-case"] [class*="style-hover"] .item-content-text:hover {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }

    [id*="use-case"] [class*="item-content"] .item-content-text {
        padding: 3rem !important;
    }

    [id*="use-case"] .item-content {
        grid-column: span 2;
    }

    [id*="use-case"] .item-content [class*="item-content"] video {
        filter: none !important;
    }

    [id*="use-case"] h6 {
        position: absolute;
        bottom: 0;
        text-align: left !important;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    .faq .question,
    .faq .answer {
        padding: 1.75rem;
    }

    #website_footer {
        padding-bottom: 10vh;
    }

    ul.icons {
        margin-top: 2rem;
    }

    [id*="contact"] .hbspt-form .form-columns-2 {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
        gap: 1rem;
    }

    .post-feed-content-row,
    .wrapper-columns.content-row-archive {
        column-gap: 2rem;
    }

    .style-block .item-content-wrap .item-content-text {
        width: 100vw;
        padding: 1.25rem 5vw !important;
    }

    [id*="spec"] [class*="columns-1"] .layout-horizontal {
        flex-direction: column;
    }

    [id*="spec"] [class*="columns-1"] .layout-horizontal .item-content-text,
    [class*="columns-1"] .layout-horizontal .item-content-media {
        width: 100%;
    }

    [id*="use-case"] [class*="item-content"] {
        height: 100%;
    }

    [id*="use-case"] [id*="block_use"] [class*="item-content-wrap"] {
        grid-column: span 2;
    }

    [id*="use-case"] [id*="block_use"] [class*="grid-item"] {
        aspect-ratio: 16 / 9 !important;
    }

    [id*="use-case"] [id*="block_use"] [class*="item-content"] video {
        height: initial;
        filter: none !important;
    }

    [id*="use-case"] [id*="block_use"] [class*="item-content"] div {
        grid-column: span 12;
    }

    [id*="use-case"] [id*="block_use"] [class*="grid-item"]:hover {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }

    [id*="use-case"] [id*="block_use"] [class*="grid-item"] .glass {
        padding: 3rem !important;
    }

    [id*="use-case"] [id*="block_use"][class*="wrapper"][class*="columns-4"] {
        flex-direction: column;
    }

    [id*="use-case"] [id*="block_use"][class*="wrapper"][class*="columns-4"] > [id*="column-"] {
        flex: unset !important;
        width: 100%;
        height: auto;
        cursor: default;
    }

    [id*="use-case"] [id*="block_use"] h6 {
        position: absolute;
        bottom: 0;
        text-align: left !important;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }

    [class*="line-top"][class*="grid"] {
        column-gap: 2rem;
    }

}

/* ======================================
   DESKTOP: ≥ 1280px
====================================== */

@media all and (min-width: 1280px) {
    [id*="container_hero"], .container-hero, .container_hero {
        padding: 20vh 0 10vh 0;
    }

    .footer-row-grid {
        column-gap: 4rem !important;
    }

    .website-background.element-background-body {
        aspect-ratio: 16 / 9;
    }

    [id*="header-row-1-desktop"] .header-column:first-of-type [class*="menu-inline"] .wp-nav-menu ul.parent-menu {
        justify-content: space-between;
    }

    .home-logo .menu-item-link-text {
        display: none;
    }

    .home-logo img {
        max-width: 192px;
        height: auto;
    }

    .menu-side.menu-wrapper.menu-side-menu-left,
    .menu-side.menu-wrapper.menu-side-menu-right,
    .menu-side.menu-wrapper.menu-side-menu-expand {
        max-width: 30vw;
    }

    [class*="menu-side"] li a {
        transition: 0.4s;
    }

    [class*="menu-side"] li a:hover {
        background-color: rgba(0, 0, 0, 0.2)
    }

    .footer-row-content {
        gap: 2rem;
    }

    .theme-block-jobs {
        bottom: 10vh;
        right: 8vw;
        min-width: 420px;
    }

    .wrapper_contact .item-content-row\.code {
        position: relative;
        height: 100vh;
    }

    .wrapper_contact .item-content-row\.code img.img-figure {
        position: absolute;
        max-height: 70vh;
        bottom: 10vh;
        z-index: 10;
        margin: 0 auto;
        float: none;
        object-fit: contain;
        width: 100%;
    }

    .wrapper_contact .item-content-row\.code img.img-caption {
        position: absolute;
        max-height: 15vh;
        top: 10vh;
        z-index: 5;
        margin: 0 auto;
        float: none;
        object-fit: scale-down;
        width: 100%;
    }

    .wrapper_contact {
        height: 100vh;
    }

    .wrapper_contact .item-content-text .item-media-caption {
        padding-top: 18vh;
        display: block;
        bottom: 90px;
        position: absolute;
    }

    [class*="menu-inline"] .menu-item-link {
        padding: 12px 0px 12px 36px;
    }

    .element-content .item-image-caption {
        position: absolute;
        width: 40%;
        bottom: 90px;
        font-size: 15px;
        line-height: 1;
        display: block;
    }

    [class*="prototype"] .element-content .item-media-caption {
        bottom: 10rem;
        left: 0;
    }

    .faq .question,
    .faq .answer {
        padding: 2.25rem;
    }

    ul.icons {
        justify-content: end;
    }

    [id*="contact"] .hbspt-form .form-columns-2 {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
        gap: 1rem;
    }

    [id*="header"] [class*="logo"] figure img {
        max-height: 36px !important;
    }

    [class*="menu-inline"] .menu-item-link .menu-item-link-text {
        padding-bottom: 1px !important;
    }

    .footer-row-content .footer-item-content .item-content-text {
        margin-top: calc(48px + 3rem);
    }

    .footer-row-content .footer-item-content:nth-child(1) .item-content-text {
        margin-top: 0;
    }

    .post-feed-content-row,
    .wrapper-columns.content-row-archive {
        column-gap: 2rem !important;
    }

    .focus_text {
        padding-right: 50%;
		padding-bottom: 2.5rem;
    }

    [id*="hero"] .focus_text {
        padding-right: 50%;
		padding-bottom: 0;
    }

    /* ======================================
	USE CASE GRID
	====================================== */

	#container_use-case {
		min-height: 100vh;
	}

	#container_use-case.website-container > #block_use-case.website-wrapper[class*="grid"] {
		display: flex !important;
		flex-direction: row;
		min-height: 100vh;
	}


	/* Grid Items */

	#block_use-case > .grid-item {
		flex: 0.25;
		overflow: hidden;
		transition: flex 0.4s ease;
		cursor: pointer;
		position: relative;
		height:100vh;
	}

	#block_use-case > .grid-item:hover {
		flex: 0.25;
	}

	#block_use-case > .grid-item.active {
		flex: 0.99999 !important;
		z-index: 2;
	}

	#block_use-case > .grid-item.inactive {
		flex: 0.000000333 !important;
		z-index: 1;
	}


	/* Grid Content */

	#block_use-case .item-content-code {
		position: relative;
		height: 100vh;
		max-height: 100vh;
		padding: 0;
		transition: 0.4s;
	}

	#block_use-case > .grid-item.active .item-content-code {
		display: flex;
		align-items: center;
		background-color: transparent !important;
	}


	/* Collapsed Labels */

	#block_use-case > .grid-item .item-content-code::before {
		position: absolute;
		content: "";
		z-index: 10;
		left: 0;
		bottom: 15vh;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		font-family: "Geist";
		font-size: calc(8vh + (16 - 8) * ((100vw - 300px) / (2160 - 300)));
		font-weight: 700;
		line-height: 0;
		transform: rotate(270deg) translateX(-50%);
		transition: opacity 0.4s ease;
		pointer-events: none;
	}

	#block_use-case > .grid-item.active .item-content-code::before {
		display: none;
	}

	#block_use-case > .grid-item:nth-child(1) .item-content-code::before {
		content: "Assembler";
	}

	#block_use-case > .grid-item:nth-child(2) .item-content-code::before {
		content: "Fabricator";
	}

	#block_use-case > .grid-item:nth-child(3) .item-content-code::before {
		content: "Miner";
	}

	#block_use-case > .grid-item:nth-child(4) .item-content-code::before {
		content: "Welder";
	}


	/* Video */

	#block_use-case > .grid-item video {
		position: absolute;
		z-index: 5;
		top: 0;
		left: 0;

		width: 100%;
		height: 100vh;

		object-fit: cover;
		transform: scale(1.01);
	}

	#block_use-case > .grid-item.miner video {
		width: auto !important;
		height: 100% !important;
		margin-right: 50vh;
	}

	#block_use-case > .grid-item.miner.active video {
		width: 100% !important;
		height: 100% !important;
		margin-right: 0;
		margin-left: 0;
	}


	/* Active Panel */

	#block_use-case > .grid-item .glass {
		position: relative;
		z-index: 15;
		display: none;
		width: 100%;
		max-width: 0;
		transition:width 0.4s ease,max-width 0.4s ease;
	}

	#block_use-case > .grid-item.active .glass {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
		max-width: 720px;
		margin-left: 8vw;
	}

	#block_use-case .glass h3 {
		font-family: "Geist";
		font-size: calc(60px + (90 - 60) * ((100vw - 300px) / (2160 - 300))) !important;
		font-weight: 700 !important;
	}


	/* H6 Content */

	#block_use-case .item-content-code h6 {
		display: none;
	}

	#block_use-case > .grid-item.active .item-content-code h6 {
		position: absolute;
		left: 8vw;
		bottom: 8vh;
		display: inline-block;
		font-family: "Geist" !important;
		font-weight: 400;
		text-transform: uppercase;
	}


	/* Caption */

	#block_use-case .item-media-caption {
		position: absolute;
		bottom: 90px;
		left: 3rem;

		width: 40%;

		font-size: 15px;
		line-height: 1;
	}

	#block_use-case > .grid-item.video-pane .item-media-caption {
		display: none;
	}

	#block_use-case > .grid-item.video-pane.active .item-media-caption {
		display: block;
	}

	/* ======================================
	END USE CASE GRID
	====================================== */

    [class*="columns-custom"][class*="grid"] {
        grid-template-columns: repeat(12, 1fr);
        row-gap: 2rem !important;
        column-gap: 2rem !important;
    }

    [class*="item"][class*="item_left"] {
        grid-column: span 4;
    }

    [class*="item"][class*="item_right"] {
        grid-column: span 8;
    }

    [class*="line-top"][class*="grid"] {
        column-gap: 2rem;
    }

    #website_footer .website-container .website-wrapper .footer-content-row {
        column-gap: 4rem !important;
    }

}

.grid-item-header [class*="item-content"],
.grid-item-footer [class*="item-content"] {
    padding: 0 !important;
    width: 100% !important;
}