@property --p {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0%
}

@keyframes wipe {
    0% {
        --p: 0%
    }

    to {
        --p: 100%
    }
}

.hero .container {
    height: 100vh;
    pointer-events: none
}

.hero h1 {
    --font-size: calc(var(--pxv-unit)*60);
    line-height: .85;
    margin-bottom: 0
}

@media (min-width:768px) {
    .hero h1 {
        --font-size: calc(var(--pxv-unit)*125);
        left: calc(var(--pxv-unit)*-180);
        line-height: 1.2
    }
}

@media (max-width:767px) {
    .hero h1 {
        align-items: center;
        top: calc(var(--pxv-unit)*-65)
    }
}

.hero h1 span.absolute {
    clip-path: inset(0 0 0 0);
    left: 0;
    overflow: hidden
}

@media (max-width:767px) {
    .hero h1 span.absolute {
        left: 50%;
        padding-bottom: calc(var(--pxv-unit)*10);
        transform: translateX(-50%)
    }
}

.hero h1 span.absolute.is-exit {
    clip-path: inset(0 0 0 100%);
    transition: clip-path .75s var(--easing)
}

.hero h1 span.absolute.is-active span {
    transform: translateX(0);
    transition-delay: .25s
}

.hero h1 span.absolute span {
    display: inline-block;
    transform: translateX(-103%);
    transition: transform .75s var(--easing);
    transition-delay: .5s
}

.hero__arrow {
    bottom: calc(var(--pxv-unit)*135);
    height: calc(var(--pxv-unit)*50);
    left: 0;
    margin: 0 auto;
    pointer-events: auto;
    right: 0;
    width: calc(var(--pxv-unit)*50)
}

.hero__arrow:hover svg {
    transform: translateY(calc(var(--pxv-unit)*10))
}

.hero__arrow svg {
    transition: transform .75s var(--easing)
}

.hero__mask {
    bottom: 0;
    left: 0;
    pointer-events: none;
    width: 100%
}

.hero__text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero__subheading {
    margin-top: calc(var(--pxv-unit)*30);
    font-size: calc(var(--pxv-unit)*28);
    letter-spacing: .15em;
    text-indent: .15em;
    text-align: center;
    color: #fff;
    max-width: 100%;
    padding: 0 calc(var(--pxv-unit)*20);
    box-sizing: border-box;
}

@media (min-width:768px) {
    .hero__subheading {
        margin-top: calc(var(--pxv-unit)*30);
        font-size: calc(var(--pxv-unit)*54);
        letter-spacing: .2em;
        text-indent: .2em;
        padding: 0;
    }
}

.two-col-text {
    margin-top: calc(var(--pxv-unit)*100)
}

@media (min-width:768px) {
    .two-col-text {
        margin-bottom: calc(var(--pxv-unit)*200);
        margin-top: calc(var(--pxv-unit)*150)
    }
}

.two-col-text .container {
    gap: calc(var(--pxv-unit)*50)
}

@media (min-width:768px) {
    .two-col-text .container {
        gap: calc(var(--pxv-unit)*80)
    }
}

.two-col-text .two-col-text__row {
    gap: calc(var(--pxv-unit)*50)
}

@media (min-width:768px) {
    .two-col-text .two-col-text__row {
        align-items: flex-start;
        gap: calc(var(--pxv-unit)*140)
    }
}

.two-col-text h3 {
    gap: calc(var(--pxv-unit)*10)
}

@media (min-width:768px) {
    .two-col-text h3 {
        flex: 1 1 0;
        gap: calc(var(--pxv-unit)*20)
    }
}

.two-col-text h3>span:first-child {
    --font-size: calc(var(--pxv-unit)*30);
    width: auto
}

@media (min-width:768px) {
    .two-col-text h3>span:first-child {
        --font-size: calc(var(--pxv-unit)*50)
    }
}

.two-col-text h3 .wipe-text__elem {
    --font-size: calc(var(--pxv-unit)*13.8)
}

@media (min-width:768px) {
    .two-col-text h3 .wipe-text__elem {
        --font-size: calc(var(--pxv-unit)*23)
    }
}

.two-col-text h2.wipe-text__elem {
    --font-size: calc(var(--pxv-unit)*25)
}

@media (min-width:768px) {
    .two-col-text h2.wipe-text__elem {
        --font-size: calc(var(--pxv-unit)*50)
    }
}

.wipe-text__elem.in-view div:first-child {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: 25ms
}

.wipe-text__elem.in-view div:nth-child(2) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: 50ms
}

.wipe-text__elem.in-view div:nth-child(3) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: 75ms
}

.wipe-text__elem.in-view div:nth-child(4) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: .1s
}

.wipe-text__elem.in-view div:nth-child(5) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: 125ms
}

.wipe-text__elem.in-view div:nth-child(6) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: .15s
}

.wipe-text__elem.in-view div:nth-child(7) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: 175ms
}

.wipe-text__elem.in-view div:nth-child(8) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: .2s
}

.wipe-text__elem.in-view div:nth-child(9) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: 225ms
}

.wipe-text__elem.in-view div:nth-child(10) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: .25s
}

.wipe-text__elem.in-view div:nth-child(11) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: 275ms
}

.wipe-text__elem.in-view div:nth-child(12) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: .3s
}

.wipe-text__elem.in-view div:nth-child(13) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: 325ms
}

.wipe-text__elem.in-view div:nth-child(14) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: .35s
}

.wipe-text__elem.in-view div:nth-child(15) {
    animation: wipe 1.5s var(--easing) forwards;
    animation-delay: 375ms
}

.wipe-text__elem div {
    background: none;
    color: #505050;
    -webkit-text-fill-color: #505050;
}

.wipe-text__elem .lead {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.wipe-text__elem div:last-child {
    display: inline-block !important;
    line-height: 1.15;
    vertical-align: top
}

.wipe-text__elem .lead {
    display: block;
    margin-bottom: 5px;
}

.icon-grid__grid {
    display: grid;
    gap: calc(var(--pxv-unit)*26)
}

@media (min-width:768px) {
    .icon-grid__grid {
        grid-template-columns: repeat(2, 1fr);
        margin-left: calc(var(--pxv-unit)*-42);
        margin-right: calc(var(--pxv-unit)*-42)
    }
}

.icon-grid__col {
    background-color: rgba(29, 29, 29, .502);
    display: block;
    padding: calc(var(--pxv-unit)*20);
    transition: background-color .35s
}

@media (min-width:768px) {
    .icon-grid__col {
        padding: calc(var(--pxv-unit)*50) calc(var(--pxv-unit)*77) calc(var(--pxv-unit)*100) calc(var(--pxv-unit)*50)
    }
}

.icon-grid__col:is(a):hover:after {
    opacity: 1;
    transform: scale(1)
}

.icon-grid__col:before {
    background: url(/wp-content/themes/xnw-atelier/img/pages/home/icon-grid-bg.jpg) 50%/cover no-repeat;
    content: "";
    inset: 0;
    opacity: .3;
    position: absolute
}

.icon-grid__col:after {
    background-color: hsla(0, 0%, 100%, .075);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(.9);
    transition: opacity .35s, transform .75s var(--easing);
    width: 100%
}

.icon-grid__col>* {
    position: relative;
    z-index: 1
}

.icon-grid img {
    height: calc(var(--pxv-unit)*85);
    margin-bottom: calc(var(--pxv-unit)*25);
    width: calc(var(--pxv-unit)*85)
}

@media (min-width:768px) {
    .icon-grid img {
        height: calc(var(--pxv-unit)*100);
        margin-bottom: calc(var(--pxv-unit)*50);
        width: calc(var(--pxv-unit)*100)
    }

    .icon-grid h3 {
        margin-bottom: calc(var(--pxv-unit)*35)
    }
}

.icon-grid .section__heading h2 {
    --font-size: calc(var(--pxv-unit)*25)
}

@media (min-width:768px) {
    .icon-grid .section__heading h2 {
        --font-size: calc(var(--pxv-unit)*50)
    }
}

.icon-grid .section__heading {
    text-align: center;
}

.icon-grid .body--l {
    --font-size: calc(var(--pxv-unit)*12)
}

@media (min-width:768px) {
    .icon-grid .body--l {
        --font-size: calc(var(--pxv-unit)*20)
    }

    .connected-text {
        margin: calc(var(--pxv-unit)*150) 0
    }
}

.connected-text .container {
    gap: calc(var(--pxv-unit)*35)
}

@media (min-width:768px) {
    .connected-text .container {
        gap: calc(var(--pxv-unit)*50)
    }

    .connected-text__sticky {
        align-self: flex-start;
        flex-shrink: 0;
        position: sticky;
        top: calc(50vh - var(--pxv-unit)*325);
        width: calc(var(--pxv-unit)*800)
    }
}

.connected-text__sticky h2 {
    color: #fff;
    line-height: .85;
    margin-bottom: 0
}

@media (min-width:768px) {
    .connected-text__sticky h2 {
        color: #ffffff40;
        --font-size: calc(var(--pxv-unit)*255)
    }
}

.connected-text__sticky h2 span {
    font-style: italic
}

@media (min-width:768px) {
    .connected-text__list {
        padding: 0 0 calc(var(--pxv-unit)*200)
    }
}

.connected-text__list:not(:has(.in-view)) article:last-child .dim {
    opacity: 1
}

.connected-text__list:not(:has(.in-view)) article:last-child .connected-text__list-heading:after {
    opacity: 1
}

.connected-text article {
    padding: calc(var(--pxv-unit)*25) 0 calc(var(--pxv-unit)*25) calc(var(--pxv-unit)*40)
}

@media (min-width:768px) {
    .connected-text article {
        padding: calc(var(--pxv-unit)*100) 0 calc(var(--pxv-unit)*100) calc(var(--pxv-unit)*60)
    }
}

.connected-text article.first .connected-text__list-heading:after,
.connected-text article.first .dim,
.connected-text article.in-view .connected-text__list-heading:after,
.connected-text article.in-view .dim {
    opacity: 1
}

.connected-text article.first:has(~.in-view) .dim {
    opacity: .25
}

.connected-text article.first:has(~.in-view) .connected-text__list-heading:after {
    opacity: 0
}

.connected-text article:before {
    background-color: #3d3d3d;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: calc(var(--pxv-unit)*6);
    width: 1px
}

.connected-text article:first-child {
    padding-top: 0
}

.connected-text article:last-child {
    padding-bottom: 0
}

.connected-text article:last-child:before {
    content: unset
}

.connected-text article:nth-last-child(2):before {
    height: calc(100% + var(--pxv-unit)*30)
}

@media (min-width:768px) {
    .connected-text article:nth-last-child(2):before {
        height: calc(100% + var(--pxv-unit)*100)
    }
}

.connected-text .dim {
    opacity: .25;
    transition: opacity .5s
}

@media (max-width:767px) {
    .connected-text .dim {
        opacity: 1 !important
    }
}

.connected-text .body---s {
    --font-size: calc(var(--pxv-unit)*10.8)
}

@media (min-width:768px) {
    .connected-text .body---s {
        --font-size: calc(var(--pxv-unit)*18)
    }
}

.connected-text__list-heading h4 {
    --font-size: calc(var(--pxv-unit)*18)
}

@media (min-width:768px) {
    .connected-text__list-heading h4 {
        --font-size: calc(var(--pxv-unit)*30)
    }
}

.connected-text__list-heading:after,
.connected-text__list-heading:before {
    content: "";
    height: calc(var(--pxv-unit)*14);
    left: calc(var(--pxv-unit)*-47);
    position: absolute;
    top: calc(var(--pxv-unit)*5);
    width: calc(var(--pxv-unit)*14)
}

@media (min-width:768px) {

    .connected-text__list-heading:after,
    .connected-text__list-heading:before {
        height: calc(var(--pxv-unit)*18);
        left: calc(var(--pxv-unit)*-68);
        top: calc(var(--pxv-unit)*6);
        width: calc(var(--pxv-unit)*18)
    }
}

.connected-text__list-heading:before {
    background-color: #3d3d3d;
    border-radius: 50%;
    content: ""
}

.connected-text__list-heading:after {
    background-image: url(../../../img/icons/noise-dot.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
    transition: opacity .5s
}

@media (max-width:767px) {
    .connected-text__list-heading:after {
        opacity: 1 !important
    }
}

.team-grid__grid {
    display: grid;
    gap: calc(var(--pxv-unit)*10);
    grid-auto-rows: calc(var(--pxv-unit)*40);
    grid-template-columns: repeat(12, 1fr)
}

@media (min-width:768px) {
    .team-grid__grid {
        gap: calc(var(--pxv-unit)*20);
        grid-auto-rows: calc(var(--pxv-unit)*190)
    }
}

.team-grid__item {
    grid-column: span 6;
    grid-row: span 5
}

@media (min-width:768px) {
    .team-grid__item {
        grid-column: span 3;
        grid-row: span 2
    }
}

.team-grid__item:first-child {
    grid-column: span 12;
    grid-row: span 9
}

@media (min-width:768px) {
    .team-grid__item:first-child {
        grid-column: span 6;
        grid-row: span 4
    }
}

.team-grid figcaption {
    align-items: flex-end;
    background: linear-gradient(180deg, #0000, #000);
    background: linear-gradient(180deg, color(display-p3 0 0 0/0), color(display-p3 0 0 0));
    bottom: 0;
    display: flex;
    height: 40%;
    left: 0;
    padding: calc(var(--pxv-unit)*15);
    right: 0
}

@media (min-width:768px) {
    .team-grid figcaption {
        padding: calc(var(--pxv-unit)*33)
    }
}

.team-grid figcaption h4 {
    margin-bottom: 0
}

.faq__heading h2 {
    --font-size: calc(var(--pxv-unit)*30)
}

@media (min-width:768px) {
    .faq__heading h2 {
        --font-size: calc(var(--pxv-unit)*50)
    }
}

.faq__grid {
    display: grid;
    gap: calc(var(--pxv-unit)*40)
}

@media (min-width:768px) {
    .faq__grid {
        gap: calc(var(--pxv-unit)*60);
        grid-template-columns: 1fr 3fr
    }
}

.faq__item {
    border-bottom: 1px solid #ffffff26
}

.faq__question-wrap {
    margin: 0
}

.faq__question {
    align-items: center;
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: calc(var(--pxv-unit)*24);
    justify-content: space-between;
    padding: calc(var(--pxv-unit)*20) 0;
    text-align: left;
    width: 100%;
    --font-size: calc(var(--pxv-unit)*18)
}

@media (min-width:768px) {
    .faq__question {
        padding: calc(var(--pxv-unit)*24) 0;
        --font-size: calc(var(--pxv-unit)*30)
    }
}

.faq__icon {
    color: #a48c50;
    flex-shrink: 0;
    height: calc(var(--pxv-unit)*16);
    position: relative;
    width: calc(var(--pxv-unit)*16)
}

.faq__icon:after,
.faq__icon:before {
    background-color: currentcolor;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transition: transform .35s var(--easing);
    width: 100%
}

.faq__icon:after {
    transform: rotate(90deg)
}

.faq__question[aria-expanded=true] .faq__icon:after {
    transform: rotate(0deg)
}

.faq__answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .45s var(--easing)
}

.faq__answer[hidden] {
    display: grid
}

.faq__answer.is-open {
    grid-template-rows: 1fr
}

.faq__answer-inner {
    max-width: 90%;
    overflow: hidden;
    --font-size: calc(var(--pxv-unit)*12)
}

@media (min-width:768px) {
    .faq__answer-inner {
        --font-size: calc(var(--pxv-unit)*20)
    }
}

.faq__answer-inner>:first-child {
    margin-top: 0
}

.faq__answer-inner>:last-child {
    margin-bottom: 0
}

.faq__answer-inner {
    padding-bottom: 0;
    transition: padding-bottom .45s var(--easing)
}

.faq__answer.is-open .faq__answer-inner {
    padding-bottom: calc(var(--pxv-unit)*24)
}

@media (min-width:768px) {
    .contact {
        margin: calc(var(--pxv-unit)*200) 0
    }
}

.contact h2 {
    color: #3d3d3d;
    --font-size: calc(var(--pxv-unit)*55)
}

@media (min-width:768px) {
    .contact h2 {
        --font-size: calc(var(--pxv-unit)*205)
    }
}

.contact__form {
    margin: calc(var(--pxv-unit)*35) auto 0;
    max-width: calc(var(--pxv-unit)*617)
}

@media (min-width:768px) {
    .contact__form {
        margin: calc(var(--pxv-unit)*100) auto 0
    }
}

.contact__form .text-center p {
    --font-size: calc(var(--pxv-unit)*12)
}

@media (min-width:768px) {
    .contact__form .text-center p {
        --font-size: calc(var(--pxv-unit)*20)
    }
}

.hs-form-html {
    margin-top: calc(var(--pxv-unit)*35);
    --hsf-global__font-family: inherit;
    --hsf-global__font-size: inherit;
    --hsf-background__padding: 0;
    --hsf-background__border-style: none;
    --hsf-background__border-width: 0;
    --hsf-row__horizontal-spacing: calc(var(--pxv-unit)*5);
    --hsf-row__vertical-spacing: calc(var(--pxv-unit)*5);
    --hsf-module__vertical-spacing: 0;
    --hsf-navigationrow-buttons__justify-content: center;
    --hsf-navigationrow-buttons-single__justify-content: center;
    --hsf-field-label__font-family: inherit;
    --hsf-field-label__font-size: inherit;
    --hsf-field-label__color: #fff;
    --hsf-field-input__font-family: inherit;
    --hsf-field-input__font-size: inherit;
    --hsf-field-input__color: #fff;
    --hsf-field-input__background-color: #1b1b1b;
    --hsf-field-input__border-style: none;
    --hsf-field-input__border-width: 0;
    --hsf-field-input__border-radius: 0;
    --hsf-field-input__padding: calc(var(--pxv-unit)*14);
    --hsf-field-textarea__font-family: inherit;
    --hsf-field-textarea__font-size: inherit;
    --hsf-field-textarea__color: #fff;
    --hsf-field-textarea__background-color: #1b1b1b;
    --hsf-field-textarea__border-style: none;
    --hsf-field-textarea__border-width: 0;
    --hsf-field-textarea__border-radius: 0;
    --hsf-field-textarea__padding: calc(var(--pxv-unit)*14);
    --hsf-erroralert__font-family: inherit;
    --hsf-erroralert__color: #f36262
}

.hs-form-html .hsfc-Step {
    display: block
}

.hs-form-html .hsfc-Row:last-of-type {
    margin-bottom: 0
}

.hs-form-html .hsfc-EmailField,
.hs-form-html .hsfc-PhoneField,
.hs-form-html .hsfc-TextField,
.hs-form-html .hsfc-TextareaField {
    position: relative
}

.hs-form-html .hsfc-EmailField:focus-within>.hsfc-FieldLabel,
.hs-form-html .hsfc-EmailField:has(.hsfc-TextInput:not(:placeholder-shown))>.hsfc-FieldLabel,
.hs-form-html .hsfc-EmailField:has(.hsfc-TextareaInput:not(:placeholder-shown))>.hsfc-FieldLabel,
.hs-form-html .hsfc-PhoneField:focus-within>.hsfc-FieldLabel,
.hs-form-html .hsfc-PhoneField:has(.hsfc-TextInput:not(:placeholder-shown))>.hsfc-FieldLabel,
.hs-form-html .hsfc-PhoneField:has(.hsfc-TextareaInput:not(:placeholder-shown))>.hsfc-FieldLabel,
.hs-form-html .hsfc-TextField:focus-within>.hsfc-FieldLabel,
.hs-form-html .hsfc-TextField:has(.hsfc-TextInput:not(:placeholder-shown))>.hsfc-FieldLabel,
.hs-form-html .hsfc-TextField:has(.hsfc-TextareaInput:not(:placeholder-shown))>.hsfc-FieldLabel,
.hs-form-html .hsfc-TextareaField:focus-within>.hsfc-FieldLabel,
.hs-form-html .hsfc-TextareaField:has(.hsfc-TextInput:not(:placeholder-shown))>.hsfc-FieldLabel,
.hs-form-html .hsfc-TextareaField:has(.hsfc-TextareaInput:not(:placeholder-shown))>.hsfc-FieldLabel {
    opacity: 0
}

.hs-form-html .hsfc-FieldLabel {
    left: calc(var(--pxv-unit)*14);
    pointer-events: none;
    position: absolute;
    top: calc(var(--pxv-unit)*14);
    transition: opacity .35s;
    z-index: 1
}

.hs-form-html .hsfc-FieldLabel__RequiredIndicator {
    display: none
}

.hs-form-html .hsfc-TextareaField>.hsfc-FieldLabel {
    top: calc(var(--pxv-unit)*14)
}

.hs-form-html .hsfc-TextInput,
.hs-form-html .hsfc-TextareaInput {
    outline: 1px solid #dfb67100;
    transition: outline .35s
}

.hs-form-html .hsfc-TextInput:active,
.hs-form-html .hsfc-TextInput:hover,
.hs-form-html .hsfc-TextareaInput:active,
.hs-form-html .hsfc-TextareaInput:hover {
    box-shadow: none
}

.hs-form-html .hsfc-TextInput:focus,
.hs-form-html .hsfc-TextareaInput:focus {
    box-shadow: none;
    outline: 1px solid #dfb67180
}

.hs-form-html .hsfc-TextInput[aria-invalid=true],
.hs-form-html .hsfc-TextareaInput[aria-invalid=true] {
    outline: 1px solid red
}

.hs-form-html .hsfc-TextInput::placeholder,
.hs-form-html .hsfc-TextareaInput::placeholder {
    opacity: 0
}

.hs-form-html .hsfc-TextareaInput {
    height: calc(var(--pxv-unit)*200);
    resize: none
}

.hs-form-html .hsfc-PhoneInput__FlagAndCaret {
    border: 0;
    border-radius: 0
}

.hs-form-html .hsfc-NavigationRow {
    margin-top: calc(var(--pxv-unit)*35)
}

.hs-form-html [data-hsfc-id=Renderer] .hsfc-Button {
    --font-size: calc(var(--pxv-unit)*11)
}

@media (min-width:768px) {
    .hs-form-html [data-hsfc-id=Renderer] .hsfc-Button {
        --font-size: calc(var(--pxv-unit)*12)
    }
}

.hs-form-html [data-hsfc-id=Renderer] .hsfc-Button {
    background-color: initial;
    background-image: none;
    border: 1px solid #a88b45;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    font-family: var(--font-family-system);
    font-weight: 600;
    letter-spacing: 8%;
    padding: calc(var(--pxv-unit)*13) calc(var(--pxv-unit)*37);
    text-transform: uppercase;
    transition: background-color .35s
}

.hs-form-html [data-hsfc-id=Renderer] .hsfc-Button:not([disabled]):hover {
    background-color: #1b1b1b;
    border-color: #a88b45;
    color: inherit;
    transform: none
}

.hs-form-html [data-hsfc-id=Renderer] .hsfc-Button:not([disabled]):focus {
    background-color: initial;
    border-color: #a88b45;
    color: inherit
}

.hs-form-html [data-hsfc-id=Renderer] .hsfc-Button:not([disabled]):active {
    transform: none
}