.elementor-kit-7{--e-global-color-primary:#061025;--e-global-color-secondary:#FF6A00;--e-global-color-text:#061025;--e-global-color-accent:#ACB0FF;--e-global-color-20ec7ef:#FFFFFF;--e-global-color-aa7f70e:#FFFFFF00;--e-global-typography-primary-font-family:"Futurism";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Futurism";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Futurism";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Futurism";--e-global-typography-accent-font-weight:500;font-family:"Futurism", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Futurism", Sans-serif;}.elementor-kit-7 h1{font-family:"Futurism", Sans-serif;}.elementor-kit-7 h2{font-family:"Futurism", Sans-serif;}.elementor-kit-7 h3{font-family:"Futurism", Sans-serif;}.elementor-kit-7 h4{font-family:"Futurism", Sans-serif;}.elementor-kit-7 h5{font-family:"Futurism", Sans-serif;}.elementor-kit-7 h6{font-family:"Futurism", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1570px;}.e-con{--container-max-width:1570px;--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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1200px){.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 */.buttonLines .elementor-button {
    position: relative;
    overflow: hidden;
    border: 0;
}

.buttonLines .elementor-button::before,
.buttonLines .elementor-button::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(1);
    transition: transform 0.55s cubic-bezier(.16,1,.3,1);
}

.buttonLines .elementor-button::before {
    top: 0;
    transform-origin: right center;
}

.buttonLines .elementor-button::after {
    bottom: 0;
    transform-origin: left center;
}

.buttonLines .elementor-button-text {
    display: inline-block;
    transition: transform 0.45s cubic-bezier(.16,1,.3,1);
}

.buttonLines .elementor-button:hover::before {
    transform: scaleX(0);
    transform-origin: left center;
}

.buttonLines .elementor-button:hover::after {
    transform: scaleX(0);
    transform-origin: right center;
}

.buttonLines .elementor-button:hover .elementor-button-text {
    transform: translateX(-8px);
}

/* Images clone */
.singleProject {
    position: relative;
    overflow: visible;
}

.outerImageContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.innerImage {
    position: relative;
}

.image-trail-clone {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    z-index: 10;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    will-change: transform, opacity, filter;
}

.image-trail-clone.trail-1 {
    mix-blend-mode: screen;
    filter: hue-rotate(160deg) saturate(1.9) blur(1px);
}

.image-trail-clone.trail-2 {
    mix-blend-mode: screen;
    filter: hue-rotate(280deg) saturate(1.9) blur(2px);
}

.image-trail-clone.trail-3 {
    mix-blend-mode: lighten;
    filter: hue-rotate(40deg) saturate(1.6) blur(3px);
}


/* GLASS */
.glass-cursor {
    position: absolute;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    pointer-events: none;
    z-index: 30;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
    transition: opacity 0.25s ease, transform 0.25s ease;
    will-change: left, top, transform;

    background:
        radial-gradient(
            circle at 31% 23%,
            rgba(255,255,255,0.28) 0%,
            rgba(255,255,255,0.11) 10%,
            rgba(255,255,255,0.03) 23%,
            rgba(255,255,255,0) 45%
        ),
        radial-gradient(
            circle at 79% 82%,
            rgba(72,122,255,0.12) 0%,
            rgba(72,122,255,0.04) 20%,
            rgba(72,122,255,0) 42%
        ),
        radial-gradient(
            circle at 18% 77%,
            rgba(255,110,85,0.08) 0%,
            rgba(255,110,85,0) 34%
        );

    backdrop-filter:
        blur(0.55px)
        saturate(1.28)
        brightness(1.08)
        contrast(1.04);

    -webkit-backdrop-filter:
        blur(0.55px)
        saturate(1.28)
        brightness(1.08)
        contrast(1.04);

    box-shadow:
        0 0 0 1px rgba(255,255,255,0.18),
        inset 0 0 0 1px rgba(255,255,255,0.12),
        inset 7px 5px 16px rgba(255,255,255,0.065),
        inset -11px -10px 20px rgba(15,32,86,0.15),
        0 16px 34px rgba(0,0,0,0.08);
}

.glass-cursor::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    pointer-events: none;

    background:
        conic-gradient(
            from 205deg,

            rgba(255,255,255,0.82) 0deg,
            rgba(255,255,255,0.34) 18deg,
            rgba(255,255,255,0.08) 45deg,

            rgba(110,165,255,0.10) 78deg,
            rgba(255,255,255,0) 105deg,

            rgba(255,170,110,0.13) 148deg,
            rgba(255,255,255,0.02) 190deg,

            rgba(75,135,255,0.22) 238deg,
            rgba(110,165,255,0.30) 266deg,

            rgba(255,255,255,0.10) 295deg,
            rgba(255,255,255,0.58) 332deg,
            rgba(255,255,255,0.82) 360deg
        );

    -webkit-mask:
        radial-gradient(
            circle,
            transparent 0%,
            transparent 92%,
            rgba(0,0,0,0.30) 93%,
            rgba(0,0,0,0.88) 96%,
            black 100%
        );

    mask:
        radial-gradient(
            circle,
            transparent 0%,
            transparent 92%,
            rgba(0,0,0,0.30) 93%,
            rgba(0,0,0,0.88) 96%,
            black 100%
        );

    filter: blur(0.3px);
}

.glass-cursor::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 50%;
    pointer-events: none;

    background:
        radial-gradient(
            ellipse at 27% 15%,
            rgba(255,255,255,0.62) 0%,
            rgba(255,255,255,0.27) 6%,
            rgba(255,255,255,0.10) 12%,
            rgba(255,255,255,0) 22%
        ),
        radial-gradient(
            ellipse at 82% 24%,
            rgba(255,192,130,0.10) 0%,
            rgba(255,192,130,0) 18%
        ),
        radial-gradient(
            ellipse at 83% 80%,
            rgba(75,132,255,0.16) 0%,
            rgba(75,132,255,0.05) 12%,
            rgba(75,132,255,0) 22%
        ),
        radial-gradient(
            ellipse at 12% 63%,
            rgba(255,90,80,0.08) 0%,
            rgba(255,90,80,0) 18%
        );

    box-shadow:
        inset 3px 3px 9px rgba(255,255,255,0.035),
        inset -5px -5px 11px rgba(8,22,70,0.08);
}

.is-text-hover .glass-cursor {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Futurism';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://had.barfeld.work/wp-content/uploads/2026/08/Futurism-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Futurism';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://had.barfeld.work/wp-content/uploads/2026/08/Futurism-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */