.elementor-kit-8{--e-global-color-primary:#16161B;--e-global-color-secondary:#F2EFE9;--e-global-color-text:#16161B;--e-global-color-accent:#E7E3DD;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:1500ms;}.elementor-kit-8 e-page-transition{background-color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-secondary );--lightbox-ui-color:var( --e-global-color-primary );--lightbox-ui-color-hover:var( --e-global-color-primary );--lightbox-text-color:var( --e-global-color-primary );--lightbox-header-icons-size:15px;--lightbox-navigation-icons-size:25px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@font-face {
    font-family: 'Affluence';
    src: url('https://justylus.pl/wp-content/uploads/2026/02/AffluenceItalicVF.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

h1 {
    font-family: "Inter", Sans-serif;
    font-size: clamp(35px, 5vw, 75px);
    line-height: clamp(40px, 5.2vw, 75px);
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

h2 {
    font-family: "Inter", Sans-serif;
    font-size: clamp(40px, calc(6.25vw - 15px), 60px);
    line-height: 65px;
    font-weight: 400!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.inter h2 {
    font-family: "Inter", Sans-serif;
    font-size: clamp(25px, calc(4.6875vw - 16.25px), 40px);
    line-height: 1.2em;
    font-weight: 400!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.inter.small h2, .inter h3 {
    font-family: "Inter", Sans-serif;
    font-size: clamp(25px, calc(1.5625vw + 11.25px), 30px);
    line-height: 1.3em;
    font-weight: 500!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.typo-btn a {
    position: relative;
    display: inline-block;
    font-family: "Inter", Sans-serif;
    font-size: clamp(28px, 3vw, 40px);
    line-height: clamp(35px, 3.5vw, 50px);
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: none!important;
}

.typo-btn a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #16161B;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.5s ease;
}

.typo-btn a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.inter span {
    font-family: "Inter", Sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    font-weight: 400!important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.affluence h3 {
    font-family: "Affluence", sans-serif!important;
    font-style: italic;
    font-size: 28px;
    line-height: 38px;
    font-weight: 500!important;
    text-transform: none;
}

.affluence.small h3 {
    font-family: "Affluence", sans-serif!important;
    font-style: italic;
    font-size: 21px;
    line-height: 31px;
    font-weight: 500!important;
    text-transform: none;
}

.affluence span {
    font-family: "Affluence", sans-serif!important;
    font-style: italic;
    font-size: 20px;
    line-height: 38px;
    font-weight: 500!important;
    text-transform: none;
}

.affluence.small span {
    font-family: "Affluence", sans-serif!important;
    font-style: italic;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500!important;
    text-transform: none;
}

.affluence.small mark {
    font-family: "Affluence", sans-serif !important;
    font-style: italic;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500!important;
    background: none;
}

p {
    font-family: "Inter", Sans-serif;
    font-size: clamp(14px, 2vw, 15px);
    line-height: 1.4em;
    font-weight: 300;
}

.affluence.dark mark, .inter.small mark {
    font-family: "Affluence", sans-serif!important;
    font-style: italic;
    font-weight: 500;
    text-transform: none;
    color: #16161B;
    background: none;
}

.affluence.light mark {
    font-family: "Affluence", sans-serif!important;
    font-style: italic;
    font-weight: 500;
    text-transform: none;
    color: #F2EFE9;
    background: none;
}

.dark-btn a {
    font-family: "Inter", Sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    font-weight: 300!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.light-btn a {
    font-family: "Inter", Sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    font-weight: 300!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.simple-btn a {
    font-family: "Inter", Sans-serif;
    font-size: 11px;
    line-height: 21px;
    font-weight: 400!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}/* End custom CSS */