@import url("https://use.typekit.net/tjz0fdl.css");

:root {
    --font-global: 'stolzl', sans-serif;
    --font-alt: 'swear-display', serif;
    --container-width: 1300px;
    --section-padding-y: 160px;
    --color-dark-1: #111;
    --color-dark-2: #202020;
    --color-gray-1: #777;
    --dynamic-color-brand-white: #fff;
    --dynamic-color-brand-black: #000;
    --dynamic-color-brand-dark-grey: #282828;
    --dynamic-color-brand-grey: #4e4e4e;
    --dynamic-color-brand-light-grey: #a0a4a2;
    --dynamic-color-brand-orange: #ff5a00;
    --header-h: 6rem;
    --footer-h: 100svh;
    --spacing: 0.25rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --breakpoint-container: 1440px;
    --default-transition-duration: .15s;
    --default-transition-timing-function:  cubic-bezier(.4, 0, .2, 1);
    --tw-border-style: solid;
}



@media (min-width: 1024px) {
    :root {
        --header-h: 10rem; 
    }
}

/*! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com*/
*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #9e9e98
}

:after,:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-feature-settings: normal;
}
/* html, html * { cursor: none; } */

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted currentColor;
    text-decoration: underline dotted currentColor
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

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

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

html {
    font-size: 10px
}

@media (min-width: 1440px) {
    html {
        font-size:.6944444444444444vw
    }
}

body {
    margin-right: 0!important
}

body {
    color: #141413;
    line-height: 1.3;
    font-size: 1.3rem;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

[data-page-layout] {
    background-color: #141413
}

[data-barba=container] {
    background-color: #d8d9cf
}

h1,h2,h3,h4,h5,h6 {
    line-height: 1.2125;
    font-weight: 400;
    margin-bottom: 2.5rem
}

.h1,h1 {
    font-size: 2.4rem
}

@media (min-width: 768px) {
    .h1,h1 {
        font-size:4.4rem
    }
}

@media (min-width: 1024px) {
    .h1,h1 {
        font-size:5.4rem
    }
}

.h2,h2 {
    font-size: 1.8rem
}

@media (min-width: 768px) {
    .h2,h2 {
        font-size:2.8rem
    }
}

@media (min-width: 1024px) {
    .h2,h2 {
        font-size:4.2rem
    }
}

.h3,h3 {
    font-size: 1.8rem
}

.h4,.h5,.h6,h4,h5,h6 {
    font-size: 1.6rem
}

p {
    margin-bottom: 2rem
}

.text-sup {
    position: absolute;
    left: 100%;
    top: -50%;
    margin-left: .3rem;
    font-size: 1rem
}

blockquote {
    margin-bottom: 2rem;
    font-size: 2.6rem
}

blockquote p {
    margin-bottom: 0
}

blockquote p:first-child:before {
    content: "“"
}

blockquote p:last-child:after {
    content: "”"
}

sup {
    top: .1em
}

sup span {
    font-size: 1.4rem
}

dl {
    margin-bottom: 2rem
}

dl dd {
    opacity: .5
}

.form-group label {
    margin-bottom: 1rem
}

.reset-last>:last-child {
    margin-bottom: 0
}

.wysiwyg ol {
    list-style: none;
    margin-bottom: 2rem;
    counter-reset: ol-counter
}

.wysiwyg ol li {
    display: flex;
    counter-increment: ol-counter
}

.wysiwyg ol li:before {
    content: counter(ol-counter) ". ";
    width: 2rem;
    margin-right: 7%;
    flex-shrink: 0
}

@media (min-width: 1024px) {
    .wysiwyg ol li:before {
        margin-right:17%
    }
}

.wysiwyg ul {
    list-style: disc;
    list-style-position: inside;
    margin-bottom: 3rem
}

.wysiwyg ol li,.wysiwyg ul li {
    margin-bottom: 3rem
}

.wysiwyg hr {
    margin: 4rem 0;
    opacity: .1
}

@media (min-width: 1024px) {
    .wysiwyg hr {
        margin:6rem 0
    }
}

.wysiwyg img {
    margin: 6rem 0
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

html {
    box-sizing: border-box
}

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

.headline-block__text { text-indent: 18rem }

input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #d8d9cf inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

[data-component=header] {
    z-index: 50
}

.has-scroll-smooth [data-component=header] {
    transform: none!important;
    opacity: 1!important;
    pointer-events: all!important
}

.woocommerce-checkout [data-component=header] {
    display: none
}

.header-nav {
    display: flex;
    align-items: center
}

.header-nav li:after {
    content: "/";
    margin: 0 .5em
}

.header-nav li:last-child:after {
    display: none
}

.header__logo canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left
}

.header__logo .morph-logo-fake {
    padding: 0 .6vw;
    position: relative
}

.home .header__logo--default {
    display: none
}

.header__logo--morph {
    display: none;
    width: 67.1875vw;
    height: 14.835vw;
    overflow: visible;
    transform-origin: left top;
    position: absolute;
    left: 0;
    top: 0
}

.home .header__logo--morph {
    display: block
}

.mobile-menu {
    transition: -webkit-clip-path .5s cubic-bezier(.86,0,.07,.995);
    transition: clip-path .5s cubic-bezier(.86,0,.07,.995);
    transition: clip-path .5s cubic-bezier(.86,0,.07,.995), -webkit-clip-path .5s cubic-bezier(.86,0,.07,.995);
    pointer-events: none;
    -webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0);
    clip-path: polygon(0 0,100% 0,100% 0,0 0)
}

.menu--opened .mobile-menu {
    transition-duration: 1s;
    pointer-events: auto;
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

.header-mobile-nav .is-active {
    opacity: .5
}

.header-mobile-nav li {
    transition: opacity .35s cubic-bezier(.86,0,.07,.995);
    opacity: 0;
    transition-delay: 0s
}

.header-mobile-nav li:nth-child(0) {
    transition-delay: .15s
}

.header-mobile-nav li:first-child {
    transition-delay: .2s
}

.header-mobile-nav li:nth-child(2) {
    transition-delay: .25s
}

.header-mobile-nav li:nth-child(3) {
    transition-delay: .3s
}

.header-mobile-nav li:nth-child(4) {
    transition-delay: .35s
}

.header-mobile-nav li:nth-child(5) {
    transition-delay: .4s
}

.header-mobile-nav li:nth-child(6) {
    transition-delay: .45s
}

.header-mobile-nav li:nth-child(7) {
    transition-delay: .5s
}

.header-mobile-nav li:nth-child(8) {
    transition-delay: .55s
}

.header-mobile-nav li:nth-child(9) {
    transition-delay: .6s
}

.menu--opened .header-mobile-nav li {
    transition-duration: .5s;
    opacity: 1
}

[data-component=nav-toggle] {
    height: 1.1em;
    overflow: hidden;
    display: grid
}

[data-component=nav-toggle] [data-toggle-state] {
    transition: transform .35s cubic-bezier(.86,0,.07,.995)
}

.menu--opened [data-component=nav-toggle] [data-toggle-state] {
    transform: translateY(-100%)
}

.header-cart {
    display: none
}

.template-has-cart .header-cart,.woocommerce-shop .header-cart {
    display: block
}

[data-component=morph-logo] svg {
    transform: none!important
}

.template-no-footer .header-nav-holder,.template-no-footer .mobile-menu {
    display: none
}

* {
    -webkit-tap-highlight-color: transparent
}

.cursor-none * {
    cursor: none!important
}

.is-transitioning {
    pointer-events: none!important;
    cursor: progress!important
}

.is-loading {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

.is-loading * {
    transition: none!important
}

.is-loading [data-page-layout] {
    visibility: hidden
}

.has-scroll-smooth,.has-scroll-smooth body {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch
}

body {
    width: 100%
}

.is-adding-to-cart [data-component=single-product-form] [type=submit] {
    opacity: .5;
    pointer-events: none
}

button:focus {
    outline: none
}

[data-component=lazyload].loaded {
    background-color: transparent
}

[data-component=parallax-box],[data-component=parallax-box]>* {
    will-change: transform
}

[data-animation=moveUp] {
    transition: opacity .35s cubic-bezier(.86,0,.07,.995);
    opacity: 0
}

[data-animation=moveUp].is-inview {
    opacity: 1
}

[data-animation=moveUp] {
    transition: opacity .35s cubic-bezier(.86,0,.07,.995),transform .35s cubic-bezier(.86,0,.07,.995);
    transform: translateY(30px)
}

.no-touchevents .lg\:overflow-y-auto,.no-touchevents .md\:overflow-y-auto,.no-touchevents .overflow-y-auto {
    -webkit-overflow-scrolling: touch
}

.no-touchevents .lg\:overflow-y-auto::-webkit-scrollbar,.no-touchevents .md\:overflow-y-auto::-webkit-scrollbar,.no-touchevents .overflow-y-auto::-webkit-scrollbar {
    width: 4px;
    background: transparent
}

.no-touchevents .lg\:overflow-y-auto::-webkit-scrollbar-thumb,.no-touchevents .md\:overflow-y-auto::-webkit-scrollbar-thumb,.no-touchevents .overflow-y-auto::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.3)
}

.overflow-x-auto::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    display: none
}

[data-css-call=moveUp],[data-css-call=moveUpStagger]>* {
    transition: opacity .35s cubic-bezier(.86,0,.07,.995),transform .35s cubic-bezier(.86,0,.07,.995);
    transition-duration: .8s;
    transform: translateY(6rem);
    opacity: 0;
    transition-delay: .1s
}

[data-css-call=moveUp].is-inview,[data-css-call=moveUpStagger]>.is-inview {
    opacity: 1;
    transform: none
}

.has-scroll-smooth [data-scroll-section] {
    will-change: transform
}

.homepage-sections [data-scroll-section]:not(:first-child) .section__holder {
    padding-top: 0
}

[data-scroll-call=maskDown] {
    -webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0);
    clip-path: polygon(0 0,100% 0,100% 0,0 0)
}

[data-scroll-call=maskDown].is-inview {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

[data-scroll-call=maskDownTL] {
    -webkit-clip-path: polygon(0 0,100% 0,0 0,0 100%);
    clip-path: polygon(0 0,100% 0,0 0,0 100%)
}

[data-scroll-call=maskDownTL].is-inview {
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

[data-scroll-call=maskDown],[data-scroll-call=maskDownTL] {
    transition: -webkit-clip-path .35s cubic-bezier(.86,0,.07,.995);
    transition: clip-path .35s cubic-bezier(.86,0,.07,.995);
    transition: clip-path .35s cubic-bezier(.86,0,.07,.995), -webkit-clip-path .35s cubic-bezier(.86,0,.07,.995);
    transition-duration: 1s
}

[data-scroll-call=maskDown][data-shown],[data-scroll-call=maskDownTL][data-shown] {
    -webkit-clip-path: none;
    clip-path: none
}

.is-animating {
    cursor: progress!important
}

.is-animating * {
    pointer-events: none
}

[data-component=transitions-overlay] {
    -webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
    clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%)
}

[data-component=transitions-overlay] [data-transition-title] {
    transition: transform 1s cubic-bezier(.86,0,.07,.995);
    transform: translateY(100%)
}

[data-component=transitions-overlay] [data-transition-eyes] {
    transition: opacity 1s cubic-bezier(.86,0,.07,.995);
    opacity: 0
}

[data-component=transitions-overlay].is-shown [data-transition-title] {
    transform: translateY(0)
}

[data-component=transitions-overlay].is-shown [data-transition-eyes] {
    opacity: 1;
    transition-delay: .3s
}

[data-component=transitions-overlay].is-hidden [data-transition-title] {
    transform: translateY(-100%)
}

[data-component=transitions-overlay].is-hidden [data-transition-eyes] {
    opacity: 0;
    transition-delay: 0s
}

.featured-projects ::-webkit-scrollbar {
    -webkit-appearance: none
}

@keyframes link {
    0%,0.1% {
        transform-origin: 100% 100%;
        transform: scaleX(1)
    }

    49.9% {
        transform-origin: 100% 100%;
        transform: scaleX(0)
    }

    50%,50.1% {
        transform-origin: 0 0;
        transform: scaleX(0)
    }

    to {
        transform-origin: 0 0;
        transform: scaleX(1)
    }
}

[data-component=product-floating-panel] {
    transform: translateY(100%);
    display: grid;
    grid-template-columns: 1fr 1fr
}

.is-loaded [data-component=product-floating-panel] {
    transition: transform .3s cubic-bezier(.22,.61,.36,1)
}

.product-panel-visible:not(.footer-visible) [data-component=product-floating-panel] {
    transform: none;
    transition-duration: .6s
}

[data-component=product-floating-panel] .first-payment-date,[data-component=product-floating-panel] .single-product__description,[data-component=product-floating-panel] .single-product__links {
    display: none
}

[data-component=product-floating-panel] .single-product__price {
    text-align: right
}

[data-component=product-floating-panel] .single-product__price,[data-component=product-floating-panel] .single-product__title {
    margin-bottom: 0
}

[data-component=product-floating-panel] form {
    grid-column: span 2/span 2
}

[data-component=product-floating-panel] form>div {
    margin-bottom: 0
}

.template-project .footer,.template-project [data-component=header],[data-component=product-floating-panel] form .variations {
    display: none
}

.morph-logo-slogan__holder {
    top: 22vw;
    left: 2rem
}

.morph-logo-slogan {
    transition: opacity .35s cubic-bezier(.86,0,.07,.995);
    pointer-events: none
}

.is-not-top .morph-logo-slogan {
    opacity: 0
}

.template-contact .c-scrollbar {
    visibility: hidden
}

.template-contact .main {
    flex-grow: 0
}

[data-store-preset-button] {
    visibility: hidden
}

.store-section-visible [data-store-preset-button] {
    visibility: visible
}

.container {
    width: 100%
}

@media (min-width: 375px) {
    .container {
        max-width:375px
    }
}

@media (min-width: 520px) {
    .container {
        max-width:520px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1366px) {
    .container {
        max-width:1366px
    }
}

@media (min-width: 1440px) {
    .container {
        max-width:1440px
    }
}

@media (min-width: 1920px) {
    .container {
        max-width:1920px
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 144rem
}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media (min-width: 1280px) {
    .container, .container-fluid {
        padding-left:4rem;
        padding-right: 4rem
    }
}

.btn__icon,.btn__text {
    position: relative;
    z-index: 3
}

.btn__text {
    overflow: hidden
}

.btn__text>span {
    transition: transform .5s cubic-bezier(.9,0,.1,1);
    position: relative;
    display: block
}

.btn__text>span:last-child {
    position: absolute;
    left: 0;
    top: 100%
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 2rem 2.4rem;
    cursor: pointer;
    font-family: SuisseBPIntl,Roboto,sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 400;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-duration: .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: inset 0 0 0 1px transparent;
    will-change: transform;
    overflow: hidden;
    text-transform: uppercase
}

.no-touchevents .btn:hover .btn__text span,.no-touchevents .group:not(.group--no-events):hover .btn .btn__text span {
    transform: translateY(-100%)
}

.btn:disabled {
    opacity: .5;
    pointer-events: none
}

.btn:focus {
    outline: none
}

.btn--default {
    color: #141413;
    background: transparent
}

.btn--light {
    color: #c9cbbd;
    background: transparent
}

.btn--light,.btn--light.is-active,.btn--light:active,.is-checked .btn--light,.no-touchevents .btn--light:hover,.no-touchevents .group:not(.group--no-events):hover .btn--light {
    box-shadow: inset 0 0 0 1px #c9cbbd
}

.btn--current {
    color: currentColor;
    background: transparent
}

.btn--current,.btn--current.is-active,.btn--current:active,.is-checked .btn--current,.no-touchevents .btn--current:hover,.no-touchevents .group:not(.group--no-events):hover .btn--current {
    box-shadow: inset 0 0 0 1px currentColor
}

.btn--primary {
    color: #fff;
    background: #141413
}

.btn--secondary {
    color: #141413;
    background: #c9cbbd
}

.btn--small {
    padding: .8rem 1.2rem
}

.btn--large {
    padding: 2.6rem 2rem
}

.label {
    padding: .9rem 1.5rem;
    border-radius: .5rem;
    display: inline-flex;
    line-height: 1;
    align-items: center;
    font-size: 1.4rem
}

.link,.wc-backward {
    position: relative;
    cursor: pointer;
    display: inline
}

.link:after,.wc-backward:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .05em;
    background: currentColor;
    will-change: transform;
    transform-origin: 100% 100%;
    transform: scaleX(0);
    pointer-events: none;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-duration: .5s
}

.active .link:after,.active .wc-backward:after,.group.is-active .link:after,.group.is-active .wc-backward:after,.link.is-active:after,.no-touchevents .group.is-active .link:after,.no-touchevents .group.is-active .wc-backward:after,.no-touchevents .group:hover .link:after,.no-touchevents .group:hover .wc-backward:after,.no-touchevents .link.is-active:after,.no-touchevents .link:hover:after,.no-touchevents .wc-backward.is-active:after,.no-touchevents .wc-backward:hover:after,.wc-backward.is-active:after {
    transform-origin: 0 0;
    transform: scaleX(1)
}

.link--underline:after, .wc-backward--underline:after {
    transform-origin: 0 0;
    transform: scaleX(1);
    animation: none
}

.group.is-active .link--underline:after,.group.is-active .wc-backward--underline:after,.link--underline.is-active:after,.no-touchevents .group.is-active .link--underline:after,.no-touchevents .group.is-active .wc-backward--underline:after,.no-touchevents .group:hover .link--underline:after,.no-touchevents .group:hover .wc-backward--underline:after,.no-touchevents .link--underline.is-active:after,.no-touchevents .link--underline:hover:after,.no-touchevents .wc-backward--underline.is-active:after,.no-touchevents .wc-backward--underline:hover:after,.wc-backward--underline.is-active:after {
    animation: link .75s forwards
}

.touchevents .link--underline,.touchevents .wc-backward--underline {
    text-decoration: underline
}

.touchevents .link--underline:after,.touchevents .wc-backward--underline:after {
    display: none
}

.group.is-active .link--underline-default,.group.is-active .wc-backward--underline-default,.group:hover .link--underline-default,.group:hover .wc-backward--underline-default,.link--underline-default.is-active,.link--underline-default:hover,.wc-backward--underline-default.is-active,.wc-backward--underline-default:hover {
    text-decoration: none
}

.no-touchevents .group.is-active .link--custom .link__hover-text,.no-touchevents .group.is-active .wc-backward--custom .link__hover-text,.no-touchevents .group:hover .link--custom .link__hover-text,.no-touchevents .group:hover .wc-backward--custom .link__hover-text,.no-touchevents .link--custom.is-active .link__hover-text,.no-touchevents .link--custom:hover .link__hover-text,.no-touchevents .wc-backward--custom.is-active .link__hover-text,.no-touchevents .wc-backward--custom:hover .link__hover-text {
    transform: none
}

.no-touchevents .group.is-active .link--custom .link__default-text,.no-touchevents .group.is-active .wc-backward--custom .link__default-text,.no-touchevents .group:hover .link--custom .link__default-text,.no-touchevents .group:hover .wc-backward--custom .link__default-text,.no-touchevents .link--custom.is-active .link__default-text,.no-touchevents .link--custom:hover .link__default-text,.no-touchevents .wc-backward--custom.is-active .link__default-text,.no-touchevents .wc-backward--custom:hover .link__default-text {
    transform: translateY(-125%)
}

.group.is-active .link--custom .link__hover-text,.group.is-active .wc-backward--custom .link__hover-text,.link--custom.is-active .link__hover-text,.wc-backward--custom.is-active .link__hover-text {
    transform: none
}

.group.is-active .link--custom .link__default-text,.group.is-active .wc-backward--custom .link__default-text,.link--custom.is-active .link__default-text,.wc-backward--custom.is-active .link__default-text {
    transform: translateY(-125%)
}

.link--innactive .splitter-row,.wc-backward--innactive .splitter-row {
    overflow: visible!important
}

.link--innactive .splitter-row .link,.wc-backward--innactive .splitter-row .link {
    display: inline-block!important
}

.link--innactive .splitter-row .link,.wc-backward--innactive .splitter-row .link {
    vertical-align: top
}

.no-touchevents .group.is-active .zoom-hover,.no-touchevents .group:hover .zoom-hover,.no-touchevents .zoom--is-active .zoom-hover {
    transform: scale(.95)
}

.no-touchevents .group.is-active .zoom-hover img,.no-touchevents .group:hover .zoom-hover img,.no-touchevents .zoom--is-active .zoom-hover img {
    transform: scale(1.1)
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.choices,.js-custom-select {
    border-radius: 0;
    padding: .7rem 0;
    border: solid #9e9e98;
    border-width: 0 0 1px;
    color: currentColor;
    width: 100%;
    background-color: transparent;
    font-family: SuisseBPIntl,Roboto,sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .3s;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.choices:focus,.choices:hover,.js-custom-select:focus,.js-custom-select:hover {
    opacity: 1;
    outline: none
}

.choices[data-has-value=true],.js-custom-select[data-has-value=true] {
    opacity: 1
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 .725L5.275 5 9.55.725' stroke='%23141413'/%3E%3C/svg%3E");
    background-size: 1rem;
    background-position: calc(100% - 2rem) 50%;
    background-repeat: no-repeat
}

.woocommerce-input-wrapper .choices,input[type=email],input[type=search],input[type=tel],input[type=text],select,textarea {
    width: 100%;
    background-color: transparent;
    padding: 2.1rem 2.4rem 1.7rem;
    border-radius: 0;
    height: 6rem;
    text-transform: uppercase;
    border: 1px solid #9e9e98;
    color: currentColor;
    font-family: SuisseBPIntl,Roboto,sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .3s;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.woocommerce-input-wrapper .choices:focus,.woocommerce-input-wrapper .choices:hover,input[type=email]:focus,input[type=email]:hover,input[type=search]:focus,input[type=search]:hover,input[type=tel]:focus,input[type=tel]:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea:focus,textarea:hover {
    opacity: 1;
    outline: none
}

.is-invalid .woocommerce-input-wrapper .choices,.is-invalid input[type=email],.is-invalid input[type=search],.is-invalid input[type=tel],.is-invalid input[type=text],.is-invalid select,.is-invalid textarea,.woocommerce-invalid .woocommerce-input-wrapper .choices,.woocommerce-invalid input[type=email],.woocommerce-invalid input[type=search],.woocommerce-invalid input[type=tel],.woocommerce-invalid input[type=text],.woocommerce-invalid select,.woocommerce-invalid textarea {
    border-color: red
}

input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

textarea {
    min-height: 100%
}

textarea:placeholder {
    position: absolute;
    bottom: 1rem;
    width: 100%
}

input::-moz-placeholder, textarea::-moz-placeholder {
    -moz-transition-property: opacity;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-duration: .3s;
    color: #9e9e98
}

input::placeholder,textarea::placeholder {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-duration: .3s;
    color: #9e9e98
}

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
    opacity: 1
}

input:hover::placeholder,textarea:hover::placeholder {
    opacity: 1
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0
}

input:focus::placeholder,textarea:focus::placeholder {
    opacity: 0
}

input:not(:-moz-placeholder-shown), textarea:not(:-moz-placeholder-shown) {
    opacity: 1
}

input:not(:placeholder-shown),textarea:not(:placeholder-shown) {
    opacity: 1
}

.has-error input,.has-error textarea,.is-invalid input,.is-invalid textarea,input.invalid,input.wpcf7-not-valid,input:invalid,textarea.invalid,textarea.wpcf7-not-valid,textarea:invalid {
    border-color: red
}

.search-form-input input {
    padding-left: 4rem
}

.custom-control,.custom-control .wpcf7-list-item>label {
    display: flex;
    align-items: center
}

.custom-control__label,.wc_payment_method label {
    display: inline-block;
    vertical-align: top;
    font-size: 1.6rem;
    line-height: 1.5;
    cursor: pointer
}

.custom-control__label img,.wc_payment_method label img {
    margin-top: 1rem
}

.custom-control__input,.wc_payment_method input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-duration: .3s;
    width: 2rem;
    height: 2rem;
    display: block;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: .3rem;
    color: #141413;
    border: 1px solid rgba(0,0,0,.3);
    background-size: 0;
    margin-right: 1rem;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.custom-control__input:checked,.custom-control__input:focus,.custom-control__input:hover,.wc_payment_method input:checked,.wc_payment_method input:focus,.wc_payment_method input:hover {
    outline: none
}

.custom-control__input:checked,.wc_payment_method input:checked {
    background-size: 8px;
    border-color: currentColor
}

.custom-checkbox .custom-control__input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cpath fill='currentColor' d='M16.052 579.335C4.465 594.657-1.172 614.164.204 634.325c1.376 20.163 9.544 38.51 23.084 51.614l328.639 319.864c12.208 11.846 27.347 18.196 43.239 18.196a59.3 59.3 0 005.948-.303c17.979-1.814 34.183-11.542 45.635-27.319L1008.85 219.6c11.276-15.625 16.558-35.283 14.828-55.394-1.776-20.111-10.255-38.257-24.017-51.11L896.759 17.127c-28.368-26.412-70.363-21.775-93.714 10.434L370.439 625.404 196.596 456.298c-27.878-27.016-69.962-23.438-93.89 8.215L16.051 579.334z'/%3E%3C/svg%3E")
}

.custom-radio .custom-control__input,.wc_payment_method input {
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='7' height='7' rx='3.5' fill='%23fff'/%3E%3C/svg%3E")
}

@media (min-width: 1024px) {
    .list-multihover.aside-list>li:not(:hover):not(.is-active)>*,.list-multihover:hover>li:not(:hover):not(.is-active)>* {
        opacity:.5
    }
}

hr {
    border-color: currentColor;
    opacity: .15
}

.list-inline {
    display: flex
}

.list-inline li {
    display: flex;
    align-items: center
}

.list-inline li:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .4em;
    height: .4em;
    border-radius: 50%;
    margin: 0 1.5rem;
    position: relative;
    top: -.05em;
    background: currentColor
}

.list-inline li.is-active {
    opacity: 1;
    pointer-events: none
}

.list-inline li.is-active~li {
    opacity: .5;
    pointer-events: none
}

.list-inline li:last-child:after {
    display: none
}

.preloader-logo path {
    transform: translateY(10rem)
}

@keyframes scroll-down {
    0% {
        transform: translateY(-150%)
    }

    30%,70% {
        transform: translateY(0)
    }

    to {
        transform: translateY(150%)
    }
}

.scroll-down-indicator {
    overflow: hidden
}

.scroll-down-indicator__text { display: flex; animation: scroll-down 3s infinite backwards; width: 1.25rem; }
.scroll-down-indicator__text:before { content: url(../images/arrow-down-white.svg); width: 100%; }

.scroll-down-indicator__text.forwards { width: auto; }
.scroll-down-indicator__text.forwards:before { content: ''; display: none; }

.preloader-logo {
    z-index: 3;
    position: relative
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.bottom-0 {
    bottom: 0
}

.bottom-30 {
    bottom: 3rem
}

.left-0 {
    left: 0
}

.left-10 {
    left: 1rem
}

.right-0 {
    right: 0
}

.right-20 {
    right: 2rem
}

.top-0 {
    top: 0
}

.top-20 {
    top: 2rem
}

.top-3\/10 {
    top: 30%
}

.z-1 {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.z-2 {
    z-index: 2
}

.z-200 {
    z-index: 200
}

.z-3 {
    z-index: 3
}

.z-5 {
    z-index: 5
}

.z-50 {
    z-index: 50
}

.z-500 {
    z-index: 500
}

.order-first {order: -9999 !important }
.order-last { order: 9999 !important }

.m-0 {
    margin: 0
}

.m-auto {
    margin: auto
}

.-mx-20 {
    margin-left: -2rem;
    margin-right: -2rem
}

.mx-20 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mx-4 {
    margin-left: .4rem;
    margin-right: .4rem
}

.mx-5 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-50 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.-ml-10 {
    margin-left: -1rem
}

.-ml-50 {
    margin-left: -5rem
}

.-mt-1 {
    margin-top: -1px
}

.-mt-2 {
    margin-top: -2px
}

.-mt-5 {
    margin-top: -.5rem
}

.-mt-20 {
    margin-top: -2rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-10 {
    margin-bottom: 1rem
}

.mb-120 {
    margin-bottom: 12rem
}

.mb-15 {
    margin-bottom: 1.5rem
}

.mb-170 {
    margin-bottom: 17rem
}

.mb-20 {
    margin-bottom: 2rem
}

.mb-25 {
    margin-bottom: 2.5rem
}

.mb-3 {
    margin-bottom: 3px
}

.mb-30 {
    margin-bottom: 3rem
}

.mb-35 {
    margin-bottom: 3.5rem
}

.mb-40 {
    margin-bottom: 4rem
}

.mb-5 {
    margin-bottom: .5rem
}

.mb-50 {
    margin-bottom: 5rem
}

.mb-55 {
    margin-bottom: 5.5rem
}

.mb-60 {
    margin-bottom: 6rem
}

.mb-70 {
    margin-bottom: 7rem
}

.mb-90 {
    margin-bottom: 9rem
}

.ml-20 {
    margin-left: 2rem
}

.ml-3 {
    margin-left: 3px
}

.ml-40 {
    margin-left: 4rem
}

.ml-5 {
    margin-left: .5rem
}

.mr-20 {
    margin-right: 2rem
}

.mr-5 {
    margin-right: .5rem
}

.mt-0 { margin-top: 0 }
.mt-15 { margin-top: 1.5rem }
.mt-20 { margin-top: 2rem }
.mt-60 { margin-top: 6rem }

.mt-auto {
    margin-top: auto
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden, .none {
    display: none
}

.h-1 {
    height: 1px
}

.h-10 {
    height: 1rem
}

.h-150 {
    height: 15rem
}

.h-200 {
    height: 20rem
}

.h-30 {
    height: 3rem
}

.h-300 {
    height: 30rem
}

.h-65 {
    height: 6.5rem
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-vh {
    height: 100vh
}

.vh-50 {
    height: 50vh
}

.h-vh-dynamic {
    height: var(--vh-dynamic)
}

.max-h-full {
    max-height: 100%
}

.min-h-320 {
    min-height: 32rem
}

.min-h-vh {
    min-height: 100vh
}

.min-h-vh-static {
    min-height: var(--vh-static)
}

.w-1\/3 {
    width: 33.333333%
}

.w-130 {
    width: 13rem
}

.w-265 {
    width: 26.5rem
}

.w-3\/10 {
    width: 30%
}

.w-6\/10 {
    width: 60%
}

.w-7 {
    width: .7rem
}

.w-8\/10 {
    width: 80%
}

.w-full {
    width: 100%
}
.w-24 {
    width: calc(var(--spacing) * 24);
}

.w-48 {
    width: calc(var(--spacing) * 48);
}

.min-w-145 {
    min-width: 14.5rem
}

.min-w-290 {
    min-width: 29rem
}

.max-w-1\/2 {
    max-width: 50%
}

.max-w-1100 {
    max-width: 110rem
}

.max-w-170 {
    max-width: 17rem
}

.max-w-400 {
    max-width: 40rem
}

.max-w-450 {
    max-width: 45rem
}

.max-w-550 {
    max-width: 55rem
}

.max-w-6\/10 {
    max-width: 60%
}

.max-w-750 {
    max-width: 75rem
}

.max-w-8\/10 {
    max-width: 80%
}

.max-w-860 {
    max-width: 86rem
}

.max-w-full {
    max-width: 100%
}

.max-w-screen-lg {
    max-width: 1024px
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow {
    flex-grow: 1
}

.origin-center {
    transform-origin: center
}

.origin-top-left {
    transform-origin: top left
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.scale-65,.scale-110 {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-65 {
    --tw-scale-x: 0.65;
    --tw-scale-y: 0.65
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-none {
    cursor: none
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.col-span-1 {grid-column: span 1/span 1}
.col-span-2 {grid-column: span 2/span 2}
.col-span-3 {grid-column: span 3/span 3}
.col-span-4 {grid-column: span 4/span 4}
.col-span-5 {grid-column: span 5/span 5}
.col-span-6 {grid-column: span 6/span 6}
.col-span-7 {grid-column: span 7/span 7}
.col-span-8 {grid-column: span 8/span 8}
.col-span-9 {grid-column: span 9/span 9}
.col-span-10 {grid-column: span 10/span 10}
.col-span-11 {grid-column: span 11/span 11}
.col-span-12 {grid-column: span 12/span 12}

.col-start-1 {grid-column-start: 1}
.col-start-2 {grid-column-start: 2}
.col-start-3 {grid-column-start: 3}
.col-start-4 {grid-column-start: 4}
.col-start-5 {grid-column-start: 5}
.col-start-6 {grid-column-start: 6}
.col-start-7 {grid-column-start: 7}
.col-start-8 {grid-column-start: 8}
.col-start-9 {grid-column-start: 9}
.col-start-10 {grid-column-start: 10}
.col-start-11 {grid-column-start: 11}

.grid-cols-1 {grid-template-columns: repeat(2,minmax(0,1fr))}
.grid-cols-2 {grid-template-columns: repeat(2,minmax(0,1fr))}
.grid-cols-3 {grid-template-columns: repeat(3,minmax(0,1fr))}
.grid-cols-4 {grid-template-columns: repeat(4,minmax(0,1fr))}
.grid-cols-5 {grid-template-columns: repeat(5,minmax(0,1fr))}
.grid-cols-6 {grid-template-columns: repeat(6,minmax(0,1fr))}
.grid-cols-7 {grid-template-columns: repeat(7,minmax(0,1fr))}
.grid-cols-8 {grid-template-columns: repeat(8,minmax(0,1fr))}
.grid-cols-9 {grid-template-columns: repeat(9,minmax(0,1fr))}
.grid-cols-10 {grid-template-columns: repeat(10,minmax(0,1fr))}
.grid-cols-11 {grid-template-columns: repeat(11,minmax(0,1fr))}
.grid-cols-12 {grid-template-columns: repeat(12,minmax(0,1fr))}

.flex-col { flex-direction: column }
.flex-row { flex-direction: row }

.items-start { align-items: flex-start }
.items-center { align-items: center }
.items-end { align-items: flex-end }
.justify-start { justify-content: flex-end }
.justify-center { justify-content: center }
.justify-end { justify-content: flex-end }
.justify-between { justify-content: space-between }

.gap-15 {
    gap: 1.5rem
}

.gap-25 {
    gap: 2.5rem
}

.gap-x-15 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-y-10 {
    row-gap: 1rem
}

.gap-y-15 {
    row-gap: 1.5rem
}

.gap-y-150 {
    row-gap: 15rem
}

.gap-y-20 {
    row-gap: 2rem
}

.gap-y-25 {
    row-gap: 2.5rem
}

.gap-y-30 {
    row-gap: 3rem
}

.gap-y-40 {
    row-gap: 4rem
}

.gap-y-50 {
    row-gap: 5rem;
}

.gap-y-5 {
    row-gap: .5rem
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.text-ellipsis {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0,var(--tw-bg-opacity))
}

.bg-current {
    background-color: currentColor
}

.bg-gray {
    --tw-bg-opacity: 1;
    background-color: rgba(216, 217, 207,var(--tw-bg-opacity))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(201, 203, 189,var(--tw-bg-opacity))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(158, 158, 152,var(--tw-bg-opacity))
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(30, 30, 29,var(--tw-bg-opacity))
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(20, 20, 19,var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255,var(--tw-bg-opacity))
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-1 {
    padding: 1px
}

.p-10 {
    padding: 1rem
}

.p-20 {
    padding: 2rem
}

.p-50 {
    padding: 5rem
}

.p-60 {
    padding: 6rem
}

.px-20 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-100 {
    padding-top: 10rem;
    padding-bottom: 10rem
}

.py-15 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.base\:py-20 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-30 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-60 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.py-85 {
    padding-top: 8.5rem;
    padding-bottom: 8.5rem
}

.pr-1\/10 {
    padding-right: 10%
}

.pr-2\/10 {
    padding-right: 20%
}

.pt-15 {
    padding-top: 1.5rem
}

.pb-10 { padding-bottom: 1rem }
.pb-15 { padding-bottom: 1.5rem }
.pb-20 { padding-bottom: 2rem }
.pb-30 { padding-bottom: 3rem }
.pb-40 { padding-bottom: 4rem }
.pb-50 { padding-bottom: 5rem }
.pb-60 { padding-bottom: 6rem }
.pb-70 { padding-bottom: 7rem }
.pb-80 { padding-bottom: 8rem }
.pb-90 { padding-bottom: 9rem }
.pb-100 { padding-bottom: 10rem }
.pb-110 { padding-bottom: 11rem }
.pb-120 { padding-bottom: 12rem }
.pb-160 { padding-bottom: 16rem }
.pb-220 { padding-bottom: 22rem }


.pl-0 { padding-left: 0 }

.pl-10 { padding-left: 1rem }
.pl-15 { padding-left: 1.5rem }
.pl-20 { padding-left: 2rem }
.pl-30 { padding-left: 3rem }
.pl-40 { padding-left: 4rem }
.pl-50 { padding-left: 5rem }
.pl-60 { padding-left: 6rem }
.pl-70 { padding-left: 7rem }
.pl-80 { padding-left: 8rem }
.pl-90 { padding-left: 9rem }
.pl-100 { padding-left: 10rem }
.pl-110 { padding-left: 11rem }
.pl-120 { padding-left: 12rem }
.pl-160 { padding-left: 16rem }


.pt-0 { padding-top: 0 }

.pt-5 { padding-top: .5rem }
.pt-10 { padding-top: 1rem }
.pt-15 { padding-top: 1.5rem }
.pt-20 { padding-top: 2rem }
.pt-30 { padding-top: 3rem }
.pt-35 { padding-top: 3.5rem }
.pt-40 { padding-top: 4rem }
.pt-45 { padding-top: 4.5rem }
.pt-50 { padding-top: 5rem }
.pt-60 { padding-top: 6rem }
.pt-70 { padding-top: 7rem }
.pt-80 { padding-top: 8rem }
.pt-90 { padding-top: 9rem }
.pt-100 { padding-top: 10rem }
.pt-110 { padding-top: 11rem }
.pt-120 { padding-top: 12rem }
.pt-160 { padding-top: 16rem }

.pr-0 { padding-right: 0 }

.pr-10 { padding-right: 1rem }
.pr-15 { padding-right: 1.5rem }
.pr-20 { padding-right: 2rem }
.pr-30 { padding-right: 3rem }
.pr-40 { padding-right: 4rem }
.pr-50 { padding-right: 5rem }
.pr-60 { padding-right: 6rem }
.pr-70 { padding-right: 7rem }
.pr-80 { padding-right: 8rem }
.pr-90 { padding-right: 9rem }
.pr-100 { padding-right: 10rem }
.pr-110 { padding-right: 11rem }
.pr-120 { padding-right: 12rem }
.pr-160 { padding-right: 16rem }

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.font-secondary {
    font-family: DrukCyr,Roboto,sans-serif
}

.text-3xl {
    font-size: 3rem
}

.text-5xl {
    font-size: 5.4rem
}

.text-base {
    font-size: 1.6rem
}

.text-lg {
    font-size: 2rem
}

.text-md {
    font-size: 1.8rem
}

.text-sm {
    font-size: 1.4rem
}

.text-xs {
    font-size: 1.2rem
}

.font-medium {
    font-weight: 500
}

.uppercase {
    text-transform: uppercase
}

.leading-none {
    line-height: 1
}

.leading-small {
    line-height: 1.2125
}

.text-gray {
    --tw-text-opacity: 1;
    color: rgba(216, 217, 207,var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgba(20, 20, 19,var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255,var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur,.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-300 {
    transition-duration: .3s
}

.duration-700 {
    transition-duration: .7s
}

@media screen and (min-width: 1920px) {
    [data-component=preloader] [data-image] {
        width:16.8rem
    }

    [data-component=preloader] [data-image] img {
        width: 100%;
        height: auto;
        max-width: none
    }

    [data-component=preloader] .preloader-logo {
        width: 44.4rem;
        height: auto
    }
}

.text-4xl {
    font-size: 4rem
}

.text-xl {
    font-size: 2.2rem
}

.text-xxs {
    font-size: .8rem
}

@media (min-width: 375px) {
    .xs\:p-70 {
        padding:7rem
    }

    .xs\:pr-120 {
        padding-right: 12rem
    }
}

@media (width > 48rem) {

    .md\:text-start {
        text-align: left
    }
    .md\:absolute {
        position:absolute
    }

    .md\:relative {
        position: relative
    }

    .md\:bottom-0 {
        bottom: 0
    }

    .md\:bottom-20 {
        bottom: 2rem
    }

    .md\:left-0 {
        left: 0
    }

    .md\:left-1\/2 {
        left: 50%
    }

    .md\:left-3 {
        left: 3px
    }

    .md\:left-auto {
        left: auto
    }

    .md\:right-0 {
        right: 0
    }

    .md\:top-0 {
        top: 0
    }

    .md\:top-1\/2 {
        top: 50%
    }

    .md\:top-7 {
        top: .7rem !important
    }

    .md\:order-first { order: -9999 !important }
    .md\:order-last { order: 9999 !important }

    .md\:col-span-1 {grid-column: span 1/span 1}
    .md\:col-span-2 {grid-column: span 2/span 2}
    .md\:col-span-3 {grid-column: span 3/span 3}
    .md\:col-span-4 {grid-column: span 4/span 4}
    .md\:col-span-5 {grid-column: span 5/span 5}
    .md\:col-span-6 {grid-column: span 6/span 6}
    .md\:col-span-7 {grid-column: span 7/span 7}
    .md\:col-span-8 {grid-column: span 8/span 8}
    .md\:col-span-9 {grid-column: span 9/span 9}
    .md\:col-span-10 {grid-column: span 10/span 10}
    .md\:col-span-11 {grid-column: span 11/span 11}    
    .md\:col-span-12 {grid-column: span 12/span 12}

    .md\:col-start-1 {grid-column-start: 1}
    .md\:col-start-2 {grid-column-start: 2}
    .md\:col-start-3 {grid-column-start: 3}
    .md\:col-start-4 {grid-column-start: 4}
    .md\:col-start-5 {grid-column-start: 5}
    .md\:col-start-6 {grid-column-start: 6}
    .md\:col-start-7 {grid-column-start: 7}
    .md\:col-start-8 {grid-column-start: 8}
    .md\:col-start-9 {grid-column-start: 9}
    .md\:col-start-10 {grid-column-start: 10}
    .md\:col-start-11 {grid-column-start: 11}

    .md\:grid-cols-1 {grid-template-columns: repeat(2,minmax(0,1fr))}
    .md\:grid-cols-2 {grid-template-columns: repeat(2,minmax(0,1fr))}
    .md\:grid-cols-3 {grid-template-columns: repeat(3,minmax(0,1fr))}
    .md\:grid-cols-4 {grid-template-columns: repeat(4,minmax(0,1fr))}
    .md\:grid-cols-5 {grid-template-columns: repeat(5,minmax(0,1fr))}
    .md\:grid-cols-6 {grid-template-columns: repeat(6,minmax(0,1fr))}
    .md\:grid-cols-7 {grid-template-columns: repeat(7,minmax(0,1fr))}
    .md\:grid-cols-8 {grid-template-columns: repeat(8,minmax(0,1fr))}
    .md\:grid-cols-9 {grid-template-columns: repeat(9,minmax(0,1fr))}
    .md\:grid-cols-10 {grid-template-columns: repeat(10,minmax(0,1fr))}
    .md\:grid-cols-11 {grid-template-columns: repeat(11,minmax(0,1fr))}
    .md\:grid-cols-12 {grid-template-columns: repeat(12,minmax(0,1fr))}

    .md\:-mx-20 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .md\:mx-0 { margin-left: 0; margin-right: 0 }
    .md\:mx-auto { margin-left: auto; margin-right: auto }
    .md\:my-auto { margin-top: auto; margin-bottom: auto }

    .md\:-ml-5 {
        margin-left: -.5rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-160 {
        margin-bottom: 16rem
    }

    .md\:mb-35 {
        margin-bottom: 3.5rem
    }

    .md\:mb-40 {
        margin-bottom: 4rem
    }

    .md\:mb-50 {
        margin-bottom: 5rem
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-50 {
        margin-left: 5rem
    }

    .md\:mr-30 {
        margin-right: 3rem
    }

    .md\:mt-0 { margin-top: 0 }
    .md\:mt-15 { margin-top: 1.5rem }
    .md\:mt-20 { margin-top: 2rem }
    .md\:mt-60 { margin-top: 6rem }

    .md\:mt-auto {
        margin-top: auto
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden, .md\:none {
        display: none
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

    .md\:h-vh {
        height: 100vh
    }

    .md\:h-vh-static {
        height: var(--vh-static)
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-160 {
        width: 16rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:min-w-0 {
        min-width: 0
    }

    .md\:max-w-220 {
        max-width: 22rem
    }

    .md\:max-w-280 {
        max-width: 28rem
    }

    .md\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .md\:-translate-x-1\/2,.md\:-translate-y-1\/2 {
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .md\:flex-row { flex-direction: row }
    .md\:flex-col { flex-direction: column }

    .md\:items-start { align-items: flex-start }
    .md\:items-center { align-items: center }
    .md\:items-end { align-items: flex-end }
    .md\:justify-start { justify-content: flex-end }
    .md\:justify-center { justify-content: center }
    .md\:justify-end { justify-content: flex-end }
    .md\:justify-between { justify-content: space-between }

    .md\:gap-0 { gap: 0 }
    .md\:gap-15 { gap: 1.5rem }
    .md\:gap-x-0 { -moz-column-gap: 0; column-gap: 0 }
    .md\:gap-x-15 { -moz-column-gap: 1.5rem; column-gap: 1.5rem }
    .md\:gap-y-0 { row-gap: 0 }
    .md\:gap-y-40 { row-gap: 4rem }
    .md\:gap-y-45 { row-gap: 4.5rem }

    .md\:overflow-visible {
        overflow: visible
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-20 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:pb-0 { padding-bottom: 0 }

    .md\:pb-10 { padding-bottom: 1rem }
    .md\:pb-15 { padding-bottom: 1.5rem }
    .md\:pb-20 { padding-bottom: 2rem }
    .md\:pb-30 { padding-bottom: 3rem }
    .md\:pb-40 { padding-bottom: 4rem }
    .md\:pb-50 { padding-bottom: 5rem }
    .md\:pb-60 { padding-bottom: 6rem }
    .md\:pb-70 { padding-bottom: 7rem }
    .md\:pb-80 { padding-bottom: 8rem }
    .md\:pb-90 { padding-bottom: 9rem }
    .md\:pb-100 { padding-bottom: 10rem }
    .md\:pb-110 { padding-bottom: 11rem }
    .md\:pb-120 { padding-bottom: 12rem }
    .md\:pb-160 { padding-bottom: 16rem }


    .md\:pl-0 { padding-left: 0 }

    .md\:pl-10 { padding-left: 1rem }
    .md\:pl-15 { padding-left: 1.5rem }
    .md\:pl-20 { padding-left: 2rem }
    .md\:pl-30 { padding-left: 3rem }
    .md\:pl-40 { padding-left: 4rem }
    .md\:pl-50 { padding-left: 5rem }
    .md\:pl-60 { padding-left: 6rem }
    .md\:pl-70 { padding-left: 7rem }
    .md\:pl-80 { padding-left: 8rem }
    .md\:pl-90 { padding-left: 9rem }
    .md\:pl-100 { padding-left: 10rem }
    .md\:pl-110 { padding-left: 11rem }
    .md\:pl-120 { padding-left: 12rem }
    .md\:pl-160 { padding-left: 16rem }

    .md\:pt-0 { padding-top: 0 }

    .md\:pt-5 { padding-top: .5rem }
    .md\:pt-10 { padding-top: 1rem }
    .md\:pt-15 { padding-top: 1.5rem }
    .md\:pt-20 { padding-top: 2rem }
    .md\:pt-30 { padding-top: 3rem }
    .md\:pt-35 { padding-top: 3.5rem }
    .md\:pt-40 { padding-top: 4rem }
    .md\:pt-45 { padding-top: 4.5rem }
    .md\:pt-50 { padding-top: 5rem }
    .md\:pt-60 { padding-top: 6rem }
    .md\:pt-70 { padding-top: 7rem }
    .md\:pt-80 { padding-top: 8rem }
    .md\:pt-90 { padding-top: 9rem }
    .md\:pt-100 { padding-top: 10rem }
    .md\:pt-110 { padding-top: 11rem }
    .md\:pt-120 { padding-top: 12rem }
    .md\:pt-160 { padding-top: 16rem }

    .md\:pr-0 { padding-right: 0 }

    .md\:pr-10 { padding-right: 1rem }
    .md\:pr-15 { padding-right: 1.5rem }
    .md\:pr-20 { padding-right: 2rem }
    .md\:pr-30 { padding-right: 3rem }
    .md\:pr-40 { padding-right: 4rem }
    .md\:pr-50 { padding-right: 5rem }
    .md\:pr-60 { padding-right: 6rem }
    .md\:pr-70 { padding-right: 7rem }
    .md\:pr-80 { padding-right: 8rem }
    .md\:pr-90 { padding-right: 9rem }
    .md\:pr-100 { padding-right: 10rem }
    .md\:pr-110 { padding-right: 11rem }
    .md\:pr-120 { padding-right: 12rem }
    .md\:pr-160 { padding-right: 16rem }

    .md\:text-3xl { font-size: 3rem }

    .headline-block__text { text-indent: calc(33% + .5rem) }
}

@media (width > 64rem) {

    .lg\:flex-row { flex-direction: row }
    .lg\:flex-col { flex-direction: column }

    .lg\:items-start { align-items: flex-start }
    .lg\:items-center { align-items: center }
    .lg\:items-end { align-items: flex-end }
    .lg\:justify-start { justify-content: flex-end }
    .lg\:justify-center { justify-content: center }
    .lg\:justify-end { justify-content: flex-end }
    .lg\:justify-between { justify-content: space-between }

    .lg\:right-25 {
        right:2.5rem
    }

    .lg\:right-40 {
        right: 4rem
    }

    .lg\:top-30 {
        top: 3rem
    }

    .lg\:order-first { order: -9999 !important }
    .lg\:order-last { order: 9999 !important }

    .lg\:col-span-1 {grid-column: span 1/span 1}
    .lg\:col-span-2 {grid-column: span 2/span 2}
    .lg\:col-span-3 {grid-column: span 3/span 3}
    .lg\:col-span-4 {grid-column: span 4/span 4}
    .lg\:col-span-5 {grid-column: span 5/span 5}
    .lg\:col-span-6 {grid-column: span 6/span 6}
    .lg\:col-span-7 {grid-column: span 7/span 7}
    .lg\:col-span-8 {grid-column: span 8/span 8}
    .lg\:col-span-9 {grid-column: span 9/span 9}
    .lg\:col-span-10 {grid-column: span 10/span 10}
    .lg\:col-span-11 {grid-column: span 11/span 11}
    .lg\:col-span-12 {grid-column: span 12/span 12}

    .lg\:col-start-1 {grid-column-start: 1}
    .lg\:col-start-2 {grid-column-start: 2}
    .lg\:col-start-3 {grid-column-start: 3}
    .lg\:col-start-4 {grid-column-start: 4}
    .lg\:col-start-5 {grid-column-start: 5}
    .lg\:col-start-6 {grid-column-start: 6}
    .lg\:col-start-7 {grid-column-start: 7}
    .lg\:col-start-8 {grid-column-start: 8}
    .lg\:col-start-9 {grid-column-start: 9}
    .lg\:col-start-10 {grid-column-start: 10}
    .lg\:col-start-11 {grid-column-start: 11}

    .lg\:grid-cols-1 {grid-template-columns: repeat(2,minmax(0,1fr))}
    .lg\:grid-cols-2 {grid-template-columns: repeat(2,minmax(0,1fr))}
    .lg\:grid-cols-3 {grid-template-columns: repeat(3,minmax(0,1fr))}
    .lg\:grid-cols-4 {grid-template-columns: repeat(4,minmax(0,1fr))}
    .lg\:grid-cols-5 {grid-template-columns: repeat(5,minmax(0,1fr))}
    .lg\:grid-cols-6 {grid-template-columns: repeat(6,minmax(0,1fr))}
    .lg\:grid-cols-7 {grid-template-columns: repeat(7,minmax(0,1fr))}
    .lg\:grid-cols-8 {grid-template-columns: repeat(8,minmax(0,1fr))}
    .lg\:grid-cols-9 {grid-template-columns: repeat(9,minmax(0,1fr))}
    .lg\:grid-cols-10 {grid-template-columns: repeat(10,minmax(0,1fr))}
    .lg\:grid-cols-11 {grid-template-columns: repeat(11,minmax(0,1fr))}
    .lg\:grid-cols-12 {grid-template-columns: repeat(12,minmax(0,1fr))}

    .lg\:-mt-25 {
        margin-top: -2.5rem
    }

    .lg\:mb-50 {
        margin-bottom: 5rem
    }

    .lg\:mb-65 {
        margin-bottom: 6.5rem
    }

    .lg\:mb-70 {
        margin-bottom: 7rem
    }

    .lg\:mb-130,.lg\:mb-\[13rem\] {
        margin-bottom: 13rem
    }

    .lg\:mx-0 { margin-left: 0; margin-right: 0 }
    .lg\:mx-auto { margin-left: auto; margin-right: auto }

    .lg\:mt-0 { margin-top: 0 }
    .lg\:mt-15 { margin-top: 1.5rem }
    .lg\:mt-20 { margin-top: 2rem }
    .lg\:mt-30 { margin-top: 3rem }
    .lg\:mt-60 { margin-top: 6rem }

    .lg\:block {
        display: block
    }

    .lg\:hidden, .lg\:none {
        display: none
    }

    .lg\:h-vh {
        height: 100vh
    }

    .lg\:px-40 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .lg\:py-30 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .lg\:py-90 {
        padding-top: 9rem;
        padding-bottom: 9rem
    }

    .lg\:pb-0 { padding-bottom: 0 }

    .lg\:pb-10 { padding-bottom: 1rem }
    .lg\:pb-15 { padding-bottom: 1.5rem }
    .lg\:pb-20 { padding-bottom: 2rem }
    .lg\:pb-30 { padding-bottom: 3rem }
    .lg\:pb-40 { padding-bottom: 4rem }
    .lg\:pb-50 { padding-bottom: 5rem }
    .lg\:pb-60 { padding-bottom: 6rem }
    .lg\:pb-70 { padding-bottom: 7rem }
    .lg\:pb-80 { padding-bottom: 8rem }
    .lg\:pb-90 { padding-bottom: 9rem }
    .lg\:pb-100 { padding-bottom: 10rem }
    .lg\:pb-110 { padding-bottom: 11rem }
    .lg\:pb-120 { padding-bottom: 12rem }
    .lg\:pb-160 { padding-bottom: 16rem }


    .lg\:pl-0 { padding-left: 0 }

    .lg\:pl-10 { padding-left: 1rem }
    .lg\:pl-15 { padding-left: 1.5rem }
    .lg\:pl-20 { padding-left: 2rem }
    .lg\:pl-30 { padding-left: 3rem }
    .lg\:pl-40 { padding-left: 4rem }
    .lg\:pl-50 { padding-left: 5rem }
    .lg\:pl-60 { padding-left: 6rem }
    .lg\:pl-70 { padding-left: 7rem }
    .lg\:pl-80 { padding-left: 8rem }
    .lg\:pl-90 { padding-left: 9rem }
    .lg\:pl-100 { padding-left: 10rem }
    .lg\:pl-110 { padding-left: 11rem }
    .lg\:pl-120 { padding-left: 12rem }
    .lg\:pl-160 { padding-left: 16rem }

    .lg\:pt-0 { padding-top: 0 }

    .lg\:pt-5 { padding-top: .5rem }
    .lg\:pt-10 { padding-top: 1rem }
    .lg\:pt-15 { padding-top: 1.5rem }
    .lg\:pt-20 { padding-top: 2rem }
    .lg\:pt-30 { padding-top: 3rem }
    .lg\:pt-35 { padding-top: 3.5rem }
    .lg\:pt-40 { padding-top: 4rem }
    .lg\:pt-45 { padding-top: 4.5rem }
    .lg\:pt-50 { padding-top: 5rem }
    .lg\:pt-60 { padding-top: 6rem }
    .lg\:pt-70 { padding-top: 7rem }
    .lg\:pt-80 { padding-top: 8rem }
    .lg\:pt-90 { padding-top: 9rem }
    .lg\:pt-100 { padding-top: 10rem }
    .lg\:pt-110 { padding-top: 11rem }
    .lg\:pt-120 { padding-top: 12rem }
    .lg\:pt-160 { padding-top: 16rem }

    .lg\:pr-0 { padding-right: 0 }

    .lg\:pr-10 { padding-right: 1rem }
    .lg\:pr-15 { padding-right: 1.5rem }
    .lg\:pr-20 { padding-right: 2rem }
    .lg\:pr-30 { padding-right: 3rem }
    .lg\:pr-40 { padding-right: 4rem }
    .lg\:pr-50 { padding-right: 5rem }
    .lg\:pr-60 { padding-right: 6rem }
    .lg\:pr-70 { padding-right: 7rem }
    .lg\:pr-80 { padding-right: 8rem }
    .lg\:pr-90 { padding-right: 9rem }
    .lg\:pr-100 { padding-right: 10rem }
    .lg\:pr-110 { padding-right: 11rem }
    .lg\:pr-120 { padding-right: 12rem }
    .lg\:pr-160 { padding-right: 16rem }

    .lg\:text-3xl {
        font-size: 3rem
    }

    .lg\:gap-0 { gap: 0 }
    .lg\:gap-y-5 { row-gap: .5rem }
    .lg\:gap-15 { gap: 1.5rem }
    .lg\:gap-x-0 { -moz-column-gap: 0; column-gap: 0 }
    .lg\:gap-x-15 { -moz-column-gap: 1.5rem; column-gap: 1.5rem }
    .lg\:gap-y-0 { row-gap: 0 }
    .lg\:gap-y-40 { row-gap: 4rem }
    .lg\:gap-y-45 { row-gap: 4.5rem }

    .lg\:my-auto { margin-top: auto; margin-bottom: auto }
}

@media (width > 80rem) {

    .laptop\:flex-row { flex-direction: row }
    .laptop\:flex-col { flex-direction: column }

    .laptop\:items-start { align-items: flex-start }
    .laptop\:items-center { align-items: center }
    .laptop\:items-end { align-items: flex-end }
    .laptop\:justify-start { justify-content: flex-end }
    .laptop\:justify-center { justify-content: center }
    .laptop\:justify-end { justify-content: flex-end }
    .laptop\:justify-between { justify-content: space-between }

    .laptop\:visible {
        visibility:visible
    }

    .laptop\:bottom-30 {
        bottom: 3rem
    }

    .laptop\:top-10 {
        top: 1rem
    }

    .laptop\:col-span-1 {grid-column: span 1/span 1}
    .laptop\:col-span-2 {grid-column: span 2/span 2}
    .laptop\:col-span-3 {grid-column: span 3/span 3}
    .laptop\:col-span-4 {grid-column: span 4/span 4}
    .laptop\:col-span-5 {grid-column: span 5/span 5}
    .laptop\:col-span-6 {grid-column: span 6/span 6}
    .laptop\:col-span-7 {grid-column: span 7/span 7}
    .laptop\:col-span-8 {grid-column: span 8/span 8}
    .laptop\:col-span-9 {grid-column: span 9/span 9}
    .laptop\:col-span-10 {grid-column: span 10/span 10}
    .laptop\:col-span-11 {grid-column: span 11/span 11}
    .laptop\:col-span-12 {grid-column: span 12/span 12}

    .laptop\:col-start-1 {grid-column-start: 1}
    .laptop\:col-start-2 {grid-column-start: 2}
    .laptop\:col-start-3 {grid-column-start: 3}
    .laptop\:col-start-4 {grid-column-start: 4}
    .laptop\:col-start-5 {grid-column-start: 5}
    .laptop\:col-start-6 {grid-column-start: 6}
    .laptop\:col-start-7 {grid-column-start: 7}
    .laptop\:col-start-8 {grid-column-start: 8}
    .laptop\:col-start-9 {grid-column-start: 9}
    .laptop\:col-start-10 {grid-column-start: 10}
    .laptop\:col-start-11 {grid-column-start: 11}

    .laptop\:grid-cols-1 {grid-template-columns: repeat(2,minmax(0,1fr))}
    .laptop\:grid-cols-2 {grid-template-columns: repeat(2,minmax(0,1fr))}
    .laptop\:grid-cols-3 {grid-template-columns: repeat(3,minmax(0,1fr))}
    .laptop\:grid-cols-4 {grid-template-columns: repeat(4,minmax(0,1fr))}
    .laptop\:grid-cols-5 {grid-template-columns: repeat(5,minmax(0,1fr))}
    .laptop\:grid-cols-6 {grid-template-columns: repeat(6,minmax(0,1fr))}
    .laptop\:grid-cols-7 {grid-template-columns: repeat(7,minmax(0,1fr))}
    .laptop\:grid-cols-8 {grid-template-columns: repeat(8,minmax(0,1fr))}
    .laptop\:grid-cols-9 {grid-template-columns: repeat(9,minmax(0,1fr))}
    .laptop\:grid-cols-10 {grid-template-columns: repeat(10,minmax(0,1fr))}
    .laptop\:grid-cols-11 {grid-template-columns: repeat(11,minmax(0,1fr))}
    .laptop\:grid-cols-12 {grid-template-columns: repeat(12,minmax(0,1fr))}

    .laptop\:order-first { order: -9999 !important }
    .laptop\:order-last { order: 9999 !important }

    .laptop\:-mx-50 {
        margin-left: -5rem;
        margin-right: -5rem
    }

    .laptop\:-ml-25 {
        margin-left: -2.5rem
    }

    .laptop\:-mt-80 {
        margin-top: -8rem
    }

    .laptop\:mb-130 {
        margin-bottom: 13rem
    }

    .laptop\:mb-200 {
        margin-bottom: 20rem
    }

    .laptop\:mb-70 {
        margin-bottom: 7rem
    }

    .laptop\:mb-80 {
        margin-bottom: 8rem
    }

    .laptop\:ml-70 {
        margin-left: 7rem
    }

    .laptop\:mx-0 { margin-left: 0; margin-right: 0 }
    .laptop\:mx-auto { margin-left: auto; margin-right: auto }
    .laptop\:my-auto { margin-top: auto; margin-bottom: auto }

    .laptop\:mt-0 { margin-top: 0 }
    .laptop\:mt-15 { margin-top: 1.5rem }
    .laptop\:mt-20 { margin-top: 2rem }
    .laptop\:mt-30 { margin-top: 3rem }
    .laptop\:mt-60 { margin-top: 6rem }
    .laptop\:mt-120 { margin-top: 12rem }

    .laptop\:grid {
        display: grid
    }

    .laptop\:hidden, .laptop\:none {
        display: none
    }

    .laptop\:h-vh {
        height: 100vh
    }

    .laptop\:min-h-vh {
        min-height: 100vh
    }

    .laptop\:max-w-none {
        max-width: none
    }

    .laptop\:gap-0 { gap: 0 }
    .laptop\:gap-15 { gap: 1.5rem }
    .laptop\:gap-x-0 { -moz-column-gap: 0; column-gap: 0 }
    .laptop\:gap-x-15 { -moz-column-gap: 1.5rem; column-gap: 1.5rem }
    .laptop\:gap-y-0 { row-gap: 0 }
    .laptop\:gap-y-40 { row-gap: 4rem }
    .laptop\:gap-y-45 { row-gap: 4.5rem }
    .laptop\:gap-y-120 { row-gap: 12rem }
    .laptop\:gap-y-220 { row-gap: 22rem }
    .laptop\:gap-y-250 { row-gap: 25rem }
    

    .laptop\:px-40 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .laptop\:py-220 {
        padding-top: 22rem;
        padding-bottom: 22rem
    }

    .laptop\:py-30 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .laptop\:pb-0 { padding-bottom: 0 }

    .laptop\:pb-10 { padding-bottom: 1rem }
    .laptop\:pb-15 { padding-bottom: 1.5rem }
    .laptop\:pb-20 { padding-bottom: 2rem }
    .laptop\:pb-30 { padding-bottom: 3rem }
    .laptop\:pb-40 { padding-bottom: 4rem }
    .laptop\:pb-50 { padding-bottom: 5rem }
    .laptop\:pb-60 { padding-bottom: 6rem }
    .laptop\:pb-70 { padding-bottom: 7rem }
    .laptop\:pb-80 { padding-bottom: 8rem }
    .laptop\:pb-90 { padding-bottom: 9rem }
    .laptop\:pb-100 { padding-bottom: 10rem }
    .laptop\:pb-110 { padding-bottom: 11rem }
    .laptop\:pb-120 { padding-bottom: 12rem }
    .laptop\:pb-160 { padding-bottom: 16rem }
    .laptop\:pb-220 { padding-bottom: 22rem }


    .laptop\:pl-0 { padding-left: 0 }

    .laptop\:pl-10 { padding-left: 1rem }
    .laptop\:pl-15 { padding-left: 1.5rem }
    .laptop\:pl-20 { padding-left: 2rem }
    .laptop\:pl-30 { padding-left: 3rem }
    .laptop\:pl-40 { padding-left: 4rem }
    .laptop\:pl-50 { padding-left: 5rem }
    .laptop\:pl-60 { padding-left: 6rem }
    .laptop\:pl-70 { padding-left: 7rem }
    .laptop\:pl-80 { padding-left: 8rem }
    .laptop\:pl-90 { padding-left: 9rem }
    .laptop\:pl-100 { padding-left: 10rem }
    .laptop\:pl-110 { padding-left: 11rem }
    .laptop\:pl-120 { padding-left: 12rem }
    .laptop\:pl-160 { padding-left: 16rem }

    .laptop\:pt-0 { padding-top: 0 }

    .laptop\:pt-5 { padding-top: .5rem }
    .laptop\:pt-10 { padding-top: 1rem }
    .laptop\:pt-15 { padding-top: 1.5rem }
    .laptop\:pt-20 { padding-top: 2rem }
    .laptop\:pt-30 { padding-top: 3rem }
    .laptop\:pt-35 { padding-top: 3.5rem }
    .laptop\:pt-40 { padding-top: 4rem }
    .laptop\:pt-45 { padding-top: 4.5rem }
    .laptop\:pt-50 { padding-top: 5rem }
    .laptop\:pt-60 { padding-top: 6rem }
    .laptop\:pt-70 { padding-top: 7rem }
    .laptop\:pt-80 { padding-top: 8rem }
    .laptop\:pt-90 { padding-top: 9rem }
    .laptop\:pt-100 { padding-top: 10rem }
    .laptop\:pt-110 { padding-top: 11rem }
    .laptop\:pt-120 { padding-top: 12rem }
    .laptop\:pt-160 { padding-top: 16rem }

    .laptop\:pr-0 { padding-right: 0 }

    .laptop\:pr-10 { padding-right: 1rem }
    .laptop\:pr-15 { padding-right: 1.5rem }
    .laptop\:pr-20 { padding-right: 2rem }
    .laptop\:pr-30 { padding-right: 3rem }
    .laptop\:pr-40 { padding-right: 4rem }
    .laptop\:pr-50 { padding-right: 5rem }
    .laptop\:pr-60 { padding-right: 6rem }
    .laptop\:pr-70 { padding-right: 7rem }
    .laptop\:pr-80 { padding-right: 8rem }
    .laptop\:pr-90 { padding-right: 9rem }
    .laptop\:pr-100 { padding-right: 10rem }
    .laptop\:pr-110 { padding-right: 11rem }
    .laptop\:pr-120 { padding-right: 12rem }
    .laptop\:pr-160 { padding-right: 16rem }

    .laptop\:pr-1\/3 {
        padding-right: 33.333333%
    }

    .laptop\:pr-1\/4 {
        padding-right: 25%
    }

    .laptop\:text-4xl {
        font-size: 3.5rem
    }
}


.inner-nav ul li a span { display: inline-block; position: relative; }

.nav--inline { align-items: center; display: flex; transition: opacity 0.3s var(--ease-default); }
.nav--inline li:last-child:after { display: none; }

@media (width > 1024px) {
    .nav--inline li:after { content: ","; margin-right: .2em; }
}


.link:after { background: currentColor; bottom: 0; content: ""; height: .1rem; left: 0; pointer-events: none; position: absolute; right: 0; transform: scaleX(0); transform-origin: 100% 100%; transition-duration: .5s; transition-property: transform; transition-timing-function: cubic-bezier(.215, .61, .355, 1); will-change: transform; }
.link:hover:after { transform: scaleX(1); transform-origin: 0 0; }

.link-underlined { display: inline-block; text-decoration: none; transition: all 0.2s  cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.link-underlined span { display: inline-block; position: relative; }
.link-underlined span:after, .link-underlined span:before { background: currentcolor; content: ""; bottom: 0; content: ""; height: .1rem; left: 0; pointer-events: none; position: absolute; right: 0; transform: scaleX(1); transform-origin: 100% 100%; transition-duration: .5s; transition-property: transform; transition-timing-function: cubic-bezier(.215, .61, .355, 1); will-change: transform; }
.link-underlined span:before { transform: scaleX(1); transform-origin: left center; transition-delay: .1s; }
.link-underlined:hover span:before, .link-underlined span:after { transform: scaleX(0); transform-origin: right center; transition-delay: 0s; }
.link-underlined:hover span:after { transform: scaleX(1); transform-origin: left center; transition-delay: .1s; }

.main-nav .logo-white, .main-nav.dark .logo-dark { display: none; }
.main-nav.dark .logo-white, .main-nav .logo-dark { display: block; }

/* .main-nav.scrollUp { margin-top: -11rem;} */

/* .scrollUp .desktop-nav > div .nav--inline { pointer-events: none; opacity: 0; visibility: hidden; }
.scrollUp .desktop-nav > div .nav--inline:last-of-type { pointer-events: auto; opacity: 1; visibility: visible; } */


.home-section-height { height: calc(100dvh - 11rem); }
.mt-height { margin-top: 11rem; }

.arrow--right { transform: rotate(-90deg); width: 1.375rem; }

.c-\(--dynamic-color-brand-white\) { color: var(--dynamic-color-brand-white)}
.c-\(--dynamic-color-brand-black\) { color: var(--dynamic-color-brand-black)}
.c-\(--dynamic-color-brand-grey\) { color: var(--dynamic-color-brand-grey)}
.c-\(--dynamic-color-brand-light-grey\) { color: var(--dynamic-color-brand-light-grey)}
.c-\(--dynamic-color-brand-dark-grey\) { color: var(--dynamic-color-brand-dark-grey)}
.c-\(--dynamic-color-brand-orange\) { color: var(--dynamic-color-brand-orange)}

.bg-\(--dynamic-color-brand-white\) { background-color: var(--dynamic-color-brand-white)}
.bg-\(--dynamic-color-brand-black\) { background-color: var(--dynamic-color-brand-black)}
.bg-\(--dynamic-color-brand-grey\) { background-color: var(--dynamic-color-brand-grey)}
.bg-\(--dynamic-color-brand-light-grey\) { background-color: var(--dynamic-color-brand-light-grey)}
.bg-\(--dynamic-color-brand-dark-grey\) { background-color: var(--dynamic-color-brand-dark-grey)}
.bg-\(--dynamic-color-brand-orange\) { background-color: var(--dynamic-color-brand-orange)}

.min-h-\[calc\(100svh-var\(--header-h\)\)\] { min-height: calc(100svh - var(--header-h)) }

.base\:px-4 { padding-inline: calc(var(--spacing) * 4); }
.py-12 { padding-block: calc(var(--spacing) * 12); }

.\!mb-0 { margin-bottom: calc(var(--spacing)*0)!important }
.mb-0 { margin-bottom: calc(var(--spacing)*0) }
.mb-4 { margin-bottom: calc(var(--spacing)*4) }
.mb-8 { margin-bottom: calc(var(--spacing)*8) }
.mb-12 { margin-bottom: calc(var(--spacing)*12) }

.line-clamp-1 { -webkit-line-clamp: 1 }
.line-clamp-1,.line-clamp-2 { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden }
.line-clamp-2 { -webkit-line-clamp: 2 }
.line-clamp-3 { -webkit-line-clamp: 3 }
.line-clamp-3,.line-clamp-4 { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden }
.line-clamp-4 { -webkit-line-clamp: 4 }

.max-w-2xl { max-width: var(--container-2xl); }
.max-w-4xl { max-width: var(--container-4xl); }

.gap-x-1 { column-gap: calc(var(--spacing)*1) }
.gap-x-2 { column-gap: calc(var(--spacing)*2) }
.gap-x-3 { column-gap: calc(var(--spacing)*3) }
.gap-x-4 { column-gap: calc(var(--spacing)*4) }
.gap-x-6 { column-gap: calc(var(--spacing)*6) }
.gap-x-8 { column-gap: calc(var(--spacing)*8) }
.gap-x-12 { column-gap: calc(var(--spacing)*12) }
.gap-y-2 { row-gap: calc(var(--spacing)*2) }
.gap-y-4 { row-gap: calc(var(--spacing)*4) }
.gap-y-6 { row-gap: calc(var(--spacing)*6) }
.gap-y-8 { row-gap: calc(var(--spacing)*8) }
.gap-y-12 { row-gap: calc(var(--spacing)*12) }
.gap-y-16 { row-gap: calc(var(--spacing)*16) }
.gap-y-24 { row-gap: calc(var(--spacing)*24) }
.gap-y-\[6vw\] { row-gap: 6vw }

.overflow-auto { overflow: auto }
.overflow-hidden { overflow: hidden }
.overflow-visible { overflow: visible }
.overflow-x-hidden { overflow-x: hidden }
.overflow-y-scroll { overflow-y: scroll }

.p-0 { padding: calc(var(--spacing)*0) }
.p-1 { padding: calc(var(--spacing)*1) }
.p-3 { padding: calc(var(--spacing)*3) }
.p-4 { padding: calc(var(--spacing)*4) }
.p-6 { padding: calc(var(--spacing)*6) }

.px-2 { padding-inline:calc(var(--spacing)*2) }
.px-4 { padding-inline: calc(var(--spacing)*4) }
.px-6 { padding-inline:calc(var(--spacing)*6) }
.px-8 { padding-inline: calc(var(--spacing)*8) }

.py-2 { padding-block:calc(var(--spacing)*2) }
.py-3 { padding-block: calc(var(--spacing)*3) }
.py-4 { padding-block:calc(var(--spacing)*4) }
.py-8 { padding-block: calc(var(--spacing)*8) }
.py-12 { padding-block:calc(var(--spacing)*12) }
.py-20 { padding-block: calc(var(--spacing)*20) }
.py-24 { padding-block:calc(var(--spacing)*24) }

.pt-\(--header-h\) { padding-top: var(--header-h) }
.pt-8 { padding-top: calc(var(--spacing)*8) }

.pr-4 { padding-right: calc(var(--spacing)*4) }

.\!pb-\[15vh\] { padding-bottom: 15vh!important }
.pb-\(--header-h\) { padding-bottom: var(--header-h) }
.pb-4 { padding-bottom: calc(var(--spacing)*4) }
.pb-12 { padding-bottom: calc(var(--spacing)*12) }

.pl-8 { padding-left: calc(var(--spacing)*8) }

.font-h0 { --tw-leading: 90%; --tw-font-weight: var(--font-weight-normal); font-size: 7.5rem; line-height: 90%; font-weight: var(--font-weight-normal); --tw-tracking: -.1rem; letter-spacing: -.1rem }
@media (width>=48rem) { .font-h0{ --tw-tracking:-.125rem; letter-spacing: -.125rem; font-size: 15rem } }

.font-h1 { --tw-leading: 90%; --tw-font-weight: var(--font-weight-normal); font-size: 4rem; line-height: 90%; font-weight: var(--font-weight-normal); --tw-tracking: -.1rem; letter-spacing: -.1rem }
@media (width>=48rem) { .font-h1{ --tw-tracking:-.125rem; letter-spacing: -.125rem; font-size: 7.5rem } }

.font-h2 { --tw-leading: 90%; --tw-font-weight: var(--font-weight-normal); font-size: 3.5rem; line-height: 90%; font-weight: var(--font-weight-normal); --tw-tracking: -.125rem; letter-spacing: -.125rem }
@media (width>=48rem) { .font-h2 { font-size: 6.25rem } }

.font-h3 { --tw-leading: 90%; --tw-font-weight: var(--font-weight-normal); font-size: 3rem; line-height: 90%; font-weight: var(--font-weight-normal); --tw-tracking: -.125rem; letter-spacing: -.125rem }
@media (width>=48rem) { .font-h3 { font-size: 4rem } }

.font-h4 { --tw-leading: 120%; --tw-font-weight: var(--font-weight-normal); font-size: 1.75rem; line-height: 120%; font-weight: var(--font-weight-normal); --tw-tracking: -.025rem; letter-spacing: -.025rem }
@media (width>=48rem) { .font-h4 { font-size: 2.5rem } }

.font-h5 { --tw-leading: 120%; --tw-font-weight: var(--font-weight-normal); font-size: 1.25rem; line-height: 120%; font-weight: var(--font-weight-normal); --tw-tracking: -.025rem; letter-spacing: -.025rem }
@media (width>=48rem) { .font-h5 { font-size: 2rem } }

.font-button, .font-p { --tw-leading: 140%; --tw-font-weight: var(--font-weight-light); font-size: 1.25rem; line-height: 140%; font-weight: var(--font-weight-light); --tw-tracking: .025rem; letter-spacing: .025rem }

.font-p-lg, .font-p-xl { --tw-leading: 120%; --tw-font-weight: var(--font-weight-light); line-height: 120%; font-weight: var(--font-weight-light); --tw-tracking: .025rem; letter-spacing: .025re }

.font-p-lg { font-size: 1.5rem }
.font-p-xl { font-size: 2rem }

@media (width >= 40rem) {
    .sm\:mb-24 { margin-bottom: calc(var(--spacing)*24) }
    .sm\:col-span-6 { grid-column: span 6 / span 6; }
    .sm\:p-8 { padding: calc(var(--spacing) * 8); }
}

@media (width >= 48rem) {
    .md\:p-8 { padding: calc(var(--spacing)*8) }
    .md\:p-12 { padding: calc(var(--spacing)*12) }
    .md\:px-8 { padding-inline: calc(var(--spacing)*8); }
    .md\:py-24 { padding-block: calc(var(--spacing)*24); }
    .md\:py-40 { padding-block:calc(var(--spacing)*40) }
}

@media (width >= 64rem) {
    .lg\:max-w-\[calc\(var\(--breakpoint-container\)\/2\)\] { max-width: calc(var(--breakpoint-container) / 2); }
}

:is(.\*\:text-balance > *) { text-wrap:balance; }

/* #cursor-custom {
  height: 24px;
  width: 24px;
  pointer-events: none;
  position: fixed;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #fff, 0 0 150px #fff;
  z-index: 9999;
}

.cursor {
  pointer-events: none;
} */

/* body .cursor {
    pointer-events: none;
}

body .cursor__ball {
  position: fixed;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  mix-blend-mode: difference;
  z-index: 1000;
  pointer-events: none;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #fff, 0 0 150px #fff;
} */

.js-cursor { opacity: 0; visibility: hidden; position: fixed; display: flex; align-items: center; justify-content: center; z-index: 50; top: 0; left: 0; height: 40px; width: 40px; margin: -20px 0 0 -20px; transition-duration: 0.4s; transition-property: visibility, opacity; transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); pointer-events: none; }

.js-cursor.dark { mix-blend-mode: difference; }
.js-cursor:before, .js-cursor:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); border-radius: 50%; }
.js-cursor:before { height: 8px; width: 8px; background: rgba(255, 255, 255, 0.8); }
.js-cursor:after { height: 40px; width: 40px; border: 1px solid rgba(255, 255, 255, 0.25); transition-duration: 0.4s; transition-property: border-color, background, transform; transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }

.js-cursor.is-active { opacity: 1; visibility: visible; will-change: transform; }
.js-cursor.is-focus:before { opacity: 0; visibility: hidden;}
.js-cursor.is-focus:after { transform: translate3d(-50%, -50%, 0) scale(0.75); border-color: transparent; background: rgba(255, 255, 255, 0.3); }
.js-cursor.is-hidden { visibility: hidden; opacity: 0; }

.btn-icon-movement--right { overflow: hidden; }
.svgi { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; }
.w-50 { width: 5rem !important;}
.h-125 { height: 1.25rem; }
.h-15 { height: 1.5rem; }
.h-175 { height: 1.75rem; }

.w-125 { width: 1.25rem; }
.w-15 { width: 1.5rem; }
.w-175 { width: 1.75rem; }

.form input[type="email"] { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: transparent; border: solid rgba(49, 49, 49, .2); border-radius: 0; border-width: 0 0 1px; color: currentColor; font-size: 1.3rem; height: 5rem; line-height: 1; padding: 1.5rem; transition-duration: .3s; transition-timing-function: cubic-bezier(.19, 1, .22, 1); width: 100%; }
.form.newsletter-form .form-control { --tw-bg-opacity: 1 !important; background-color: rgb(175 179 177 / var(--tw-bg-opacity)) !important; border: 0; border-radius: 1rem; color: #000; }
.form.newsletter-form button {  opacity: .3; transition: opacity .35s cubic-bezier(.3, .86, .36, .95); }
.form.newsletter-form button:hover { opacity: 1; }

.btn-icon-movement--right:focus-visible .svgi, .btn-icon-movement--right:hover .svgi { animation: button-icon-movement .6s cubic-bezier(.3, .86, .36, .95) forwards; }

@keyframes button-icon-movement {
    0%,0.1% {
        transform: none
    }

    49.9% {
        transform: translateX(125%)
    }

    50%,50.1% {
        transform: translateX(-125%)
    }

    to {
        transform: none
    }
}

.min-h-\[calc\(var\(--footer-h\)-var\(--header-h\)\)\] { min-height: calc(var(--footer-h) - var(--header-h)); }

.gap-px { gap: 1px; }
.mt-px { margin-top: 1px; }
.transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
.border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.border-\(--border-primary\) { border-color: var(--dynamic-color-brand-black); }
.bg-\(--border-primary\) { background-color: var(--dynamic-color-brand-black); }
.bg-\(--bg-white\) { background-color: var(--dynamic-color-brand-white); }
.hocus\:bg-\(--bg-light-grey\):hover { background-color: var(--dynamic-color-brand-light-grey); }
.hocus\:c-\(--c-black\):hover { color: var(--dynamic-color-brand-black); }
.text-balance { text-wrap: balance; }

.icon-arrow-down{transform: rotate(90deg);}

.lumina-gradient {
    background: linear-gradient(270deg, #ffffff, #f0f0f0, #a0a4a2, #4e4e4e, #282828, #000000, #000000, #282828, #4e4e4e, #a0a4a2, #f0f0f0, #ffffff);
    background-size: 3600% 3600%;

    -webkit-animation: lumina-gradient 40s ease infinite;
    -moz-animation: lumina-gradient 40s ease infinite;
    animation: lumina-gradient 40s ease infinite;
}

@-webkit-keyframes lumina-gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes lumina-gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes lumina-gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.fw-100 {
    font-weight: 300;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-700 {
    font-weight: 700;
}

.font-h0 > span { padding-top: 2rem; }


.reset-last > :last-child { margin-bottom: 0; }

.works-grid.work-grid-gut-lg {
    margin: -3rem 0 0 -1.5rem;
}

.works-grid.work-grid-gut-lg .work-item {
    padding: 3rem 0 0 1.5rem;
}

.font-h0 > em > span {
    padding-left: 1rem;
    padding-bottom: 3rem;
}

@media (min-width: 48em) { .main-nav .base\:py-20 { padding-top: 3rem; transition: all 0.33s var(--ease-default); } }

.main-nav.small-height .base\:py-20  { padding-top: 2rem; }

.grid .col-1 { grid-column: 1 / -1; }

.title--autor { line-height: .98; text-wrap: balance; }
.title--autor > em { transform: translateY(-.9rem) }

.image--autor { grid-column: 2 / -2; margin-bottom: 130px; }

@media (min-width: 48em) { .image--autor { grid-column: 3 / span 2; } }

@media (min-width: 62em) { .image--autor { grid-column: 6 / span 4; margin-bottom: 56px; } }


.photo-credit {
    position: absolute;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    left: 0;
    top: calc(100% + 1rem);
    text-transform: uppercase;
    white-space: nowrap;
    margin: 0;
}

.photo-credit.rotate-credit { transform: rotate(-90deg) translateY(-2rem); left: 100%; top: auto; bottom: 0; }

.moretext, .moretext-2 { display: none; }

.mfp-bg, .mfp-figure:after { background: var(--dynamic-color-brand-white); }
.mfp-fade.mfp-bg.mfp-ready { opacity: 1; }
.mfp-figure:after { box-shadow: none; }
.mfp-counter, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: var(--dynamic-color-brand-dark-grey); }


.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 16px; border-bottom-width: 16px; top: 5px; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 21px solid #FFF; margin-left: 31px; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 21px solid #FFF; margin-left: 35px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid var(--dynamic-color-brand-dark-grey); opacity: 0.96; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { border-right: 27px solid var(--dynamic-color-brand-dark-grey); opacity: 0.96; }


/* .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 29px; border-right: 27px solid var(--dynamic-color-brand-dark-grey); } */

.in-construction {
    animation: main-in 1s cubic-bezier(.39, .575, .565, 1) .5s both;
    z-index: 1;
    position: relative;
}

@keyframes main-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}