.elementor-2318 .elementor-element.elementor-element-1c559f8{--display:flex;--min-height:38vh;--justify-content:flex-end;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2318 .elementor-element.elementor-element-1c559f8:not(.elementor-motion-effects-element-type-background), .elementor-2318 .elementor-element.elementor-element-1c559f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#86A3FF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2318 .elementor-element.elementor-element-95a053d > .elementor-widget-container{padding:0px 0px 50px 50px;}.elementor-2318 .elementor-element.elementor-element-95a053d .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:164px;font-weight:100;}.elementor-2318 .elementor-element.elementor-element-6b716d33{--display:grid;--min-height:100vh;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2318 .elementor-element.elementor-element-6b716d33.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2318 .elementor-element.elementor-element-f1a3a27{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2318 .elementor-element.elementor-element-ba5d990{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2318 .elementor-element.elementor-element-ba5d990:not(.elementor-motion-effects-element-type-background), .elementor-2318 .elementor-element.elementor-element-ba5d990 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://paolosantamaria.com/wp-content/uploads/2026/05/TF_CAMBIAMENTI_11-scaled-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2318 .elementor-element.elementor-element-aee0005 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:115px;font-weight:100;}.elementor-2318 .elementor-element.elementor-element-1be8ec6{--display:flex;--min-height:0px;}.elementor-2318 .elementor-element.elementor-element-6cbc5922{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2318 .elementor-element.elementor-element-530e2313{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2318 .elementor-element.elementor-element-530e2313:not(.elementor-motion-effects-element-type-background), .elementor-2318 .elementor-element.elementor-element-530e2313 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://paolosantamaria.com/wp-content/uploads/2024/01/f3a84c8dea2e45e469526a802c131b67-scaled.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2318 .elementor-element.elementor-element-320fbde3{text-align:center;}.elementor-2318 .elementor-element.elementor-element-320fbde3 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:115px;font-weight:100;}.elementor-2318 .elementor-element.elementor-element-3c1dd14b{--display:flex;--min-height:0px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2318 .elementor-element.elementor-element-4230c822{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2318 .elementor-element.elementor-element-3dc9e188{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2318 .elementor-element.elementor-element-3dc9e188:not(.elementor-motion-effects-element-type-background), .elementor-2318 .elementor-element.elementor-element-3dc9e188 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://paolosantamaria.com/wp-content/uploads/2024/01/ca0db54b7c7cd209eee56837e5edd848-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2318 .elementor-element.elementor-element-575090c0{text-align:center;}.elementor-2318 .elementor-element.elementor-element-575090c0 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:115px;font-weight:100;}.elementor-2318 .elementor-element.elementor-element-e4693ee{--display:flex;--min-height:0px;}.elementor-2318 .elementor-element.elementor-element-dc5e5e1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2318 .elementor-element.elementor-element-35a0154{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2318 .elementor-element.elementor-element-35a0154:not(.elementor-motion-effects-element-type-background), .elementor-2318 .elementor-element.elementor-element-35a0154 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://paolosantamaria.com/wp-content/uploads/2024/01/THSSHTSTH.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2318 .elementor-element.elementor-element-2be8a785 .elementor-heading-title{font-family:"Anton", Sans-serif;font-size:115px;font-weight:100;}.elementor-2318 .elementor-element.elementor-element-fb8c64b{--display:flex;--min-height:0px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-2318 .elementor-element.elementor-element-95a053d > .elementor-widget-container{padding:35px 35px 35px 35px;}.elementor-2318 .elementor-element.elementor-element-95a053d .elementor-heading-title{font-size:134px;}.elementor-2318 .elementor-element.elementor-element-6b716d33{--min-height:100vh;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-2318 .elementor-element.elementor-element-aee0005 .elementor-heading-title{font-size:70px;}.elementor-2318 .elementor-element.elementor-element-320fbde3{text-align:center;}.elementor-2318 .elementor-element.elementor-element-320fbde3 .elementor-heading-title{font-size:70px;}.elementor-2318 .elementor-element.elementor-element-575090c0{text-align:center;}.elementor-2318 .elementor-element.elementor-element-575090c0 .elementor-heading-title{font-size:70px;}.elementor-2318 .elementor-element.elementor-element-2be8a785 .elementor-heading-title{font-size:70px;}}@media(max-width:1024px){.elementor-2318 .elementor-element.elementor-element-1c559f8{--min-height:30vh;}.elementor-2318 .elementor-element.elementor-element-95a053d .elementor-heading-title{font-size:98px;}.elementor-2318 .elementor-element.elementor-element-6b716d33{--min-height:65vh;--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2318 .elementor-element.elementor-element-aee0005 .elementor-heading-title{font-size:50px;}.elementor-2318 .elementor-element.elementor-element-320fbde3{text-align:center;}.elementor-2318 .elementor-element.elementor-element-320fbde3 .elementor-heading-title{font-size:50px;}.elementor-2318 .elementor-element.elementor-element-575090c0{text-align:center;}.elementor-2318 .elementor-element.elementor-element-575090c0 .elementor-heading-title{font-size:50px;}.elementor-2318 .elementor-element.elementor-element-2be8a785 .elementor-heading-title{font-size:50px;}}@media(max-width:767px){.elementor-2318 .elementor-element.elementor-element-1c559f8{--min-height:33vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-2318 .elementor-element.elementor-element-95a053d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2318 .elementor-element.elementor-element-95a053d{text-align:center;}.elementor-2318 .elementor-element.elementor-element-95a053d .elementor-heading-title{font-size:66px;}.elementor-2318 .elementor-element.elementor-element-6b716d33{--min-height:100vh;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-2318 .elementor-element.elementor-element-6cbc5922{--min-height:268px;}}@media(min-width:768px){.elementor-2318 .elementor-element.elementor-element-6b716d33{--width:100%;}}@media(min-width:2400px){.elementor-2318 .elementor-element.elementor-element-6b716d33{--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-95a053d *//* 1. Base Title Text Setup */
.elementor-2318 .elementor-element.elementor-element-95a053d .elementor-heading-title {
    position: relative;
    display: inline-block;
    color: #ffffff; /* Changed from orange to white */
    line-height: 1.2;
    animation: glitch-p 5s steps(1) infinite; 
}

/* 2. The Glitch Layers */
.elementor-2318 .elementor-element.elementor-element-95a053d .elementor-heading-title::before,
.elementor-2318 .elementor-element.elementor-element-95a053d .elementor-heading-title::after {
    /* IMPORTANT: Change this text to match your Heading Title exactly */
    content: 'FOUNDER'; 
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background-color: transparent;
    opacity: 0;
    pointer-events: none;
}

/* Top Shred Layer */
.elementor-2318 .elementor-element.elementor-element-95a053d .elementor-heading-title::before {
    text-shadow: -0.1em 0 0.01em lime, 0.1em 0 0.01em #ff00e1;
    animation: glitch-b 5s step-end infinite;
}

/* Bottom Shred Layer */
.elementor-2318 .elementor-element.elementor-element-95a053d .elementor-heading-title::after {
    text-shadow: 0.1em 0 0.01em lime, -0.1em 0 0.01em #ff00e1;
    animation: glitch-a 5s step-end infinite;
}

/* --- CHOPPY ANIMATIONS --- */

@keyframes glitch-p {
    /* The active glitching phase */
    0% { color: #ffffff; transform: scaleX(1.05) skew(3deg); }
    5% { transform: scaleX(0.95) skew(-3deg); }
    10% { transform: scaleX(1.1) translateX(2px); }
    15% { transform: scaleX(1); }
    20% { color: #ffffff; transform: scaleX(1.05) skew(1deg); }
    25% { transform: scaleX(0.9); }
    35% { transform: scaleX(1.1) skew(-5deg); }
    
    /* The "Revert" Phase (40% to 100%) */
    40%, 100% { 
        color: #ffffff; /* Reverts to white during the pause */
        transform: scaleX(1) skew(0deg); 
    }
}

@keyframes glitch-a {
    0%, 40% { opacity: 1; }
    0%  { clip-path: inset(10% 0 70% 0); transform: translateX(5%); }
    8%  { clip-path: inset(50% 0 20% 0); transform: translateX(-3%); }
    15% { clip-path: inset(30% 0 60% 0); transform: translateX(8%); }
    22% { clip-path: inset(80% 0 5% 0); transform: translateX(-6%); }
    30% { clip-path: inset(10% 0 85% 0); transform: translateX(3%); }
    38% { clip-path: inset(55% 0 40% 0); transform: translateX(-10%); }
    40.1%, 100% { opacity: 0; transform: translateX(0); }
}

@keyframes glitch-b {
    0%, 40% { opacity: 1; }
    0%  { clip-path: inset(70% 0 10% 0); transform: translateX(-5%); }
    12% { clip-path: inset(20% 0 50% 0); transform: translateX(10%); }
    20% { clip-path: inset(45% 0 45% 0); transform: translateX(-2%); }
    28% { clip-path: inset(5% 0 80% 0); transform: translateX(6%); }
    35% { clip-path: inset(60% 0 25% 0); transform: translateX(-8%); }
    40.1%, 100% { opacity: 0; transform: translateX(0); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba5d990 *//* Ensure the front and back are perfectly stacked */
.flip-inner > .elementor-container {
    position: absolute !important;
    top: 0;
    left: 0;
}

/* Ensure the video container is behind the content if you add text on the back */
.back-face video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.back-face .elementor-widget {
    z-index: 2;
    position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1a3a27 *//* 1. Setup the Parent */
.elementor-2318 .elementor-element.elementor-element-f1a3a27 {
    perspective: 1000px;
}

/* 2. Style both Front and Back containers */
.elementor-2318 .elementor-element.elementor-element-f1a3a27 .face-front, 
.elementor-2318 .elementor-element.elementor-element-f1a3a27 .face-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    
    /* 
       Added transition-delay: 
       The first value (0.6s) is duration.
       The second value (0.15s) is the delay before starting.
    */
    transition: all 0.6s ease-in-out 0.15s;
}

/* 3. The Desktop-Only Logic */
@media (min-width: 1024px) {

    .elementor-2318 .elementor-element.elementor-element-f1a3a27 .face-back {
        transform: rotateY(180deg);
    }

    /* The Hover Logic */
    .elementor-2318 .elementor-element.elementor-element-f1a3a27:hover .face-front {
        transform: rotateY(-180deg);
    }

    .elementor-2318 .elementor-element.elementor-element-f1a3a27:hover .face-back {
        transform: rotateY(0deg);
    }
}

/* 4. Mobile/Tablet Fallback: Disable transitions and hide back face */
@media (max-width: 1023px) {
    .elementor-2318 .elementor-element.elementor-element-f1a3a27 .face-front, 
    .elementor-2318 .elementor-element.elementor-element-f1a3a27 .face-back {
        transition: none; /* Kill animations to prevent accidental triggers on tap */
    }

    .elementor-2318 .elementor-element.elementor-element-f1a3a27 .face-back {
        display: none; 
    }
    
    .elementor-2318 .elementor-element.elementor-element-f1a3a27 .face-front {
        position: relative;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-530e2313 *//* Ensure the front and back are perfectly stacked */
.flip-inner > .elementor-container {
    position: absolute !important;
    top: 0;
    left: 0;
}

/* Ensure the video container is behind the content if you add text on the back */
.back-face video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.back-face .elementor-widget {
    z-index: 2;
    position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c1dd14b */#face-back {
    cursor: pointer;
    transition: opacity 0.3s ease;
}

/* Optional: visual feedback when hovering */
#face-back:hover {
    filter: brightness(1.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cbc5922 *//* 1. Setup the Parent */
.elementor-2318 .elementor-element.elementor-element-6cbc5922 {
    perspective: 1000px;
}

/* 2. Style both Front and Back containers */
.elementor-2318 .elementor-element.elementor-element-6cbc5922 .face-front, 
.elementor-2318 .elementor-element.elementor-element-6cbc5922 .face-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    
    /* 
       Added transition-delay: 
       The first value (0.6s) is duration.
       The second value (0.15s) is the delay before starting.
    */
    transition: all 0.6s ease-in-out 0.15s;
}

/* 3. The Desktop-Only Logic */
@media (min-width: 1024px) {

    .elementor-2318 .elementor-element.elementor-element-6cbc5922 .face-back {
        transform: rotateY(180deg);
    }

    /* The Hover Logic */
    .elementor-2318 .elementor-element.elementor-element-6cbc5922:hover .face-front {
        transform: rotateY(-180deg);
    }

    .elementor-2318 .elementor-element.elementor-element-6cbc5922:hover .face-back {
        transform: rotateY(0deg);
    }
}

/* 4. Mobile/Tablet Fallback: Disable transitions and hide back face */
@media (max-width: 1023px) {
    .elementor-2318 .elementor-element.elementor-element-6cbc5922 .face-front, 
    .elementor-2318 .elementor-element.elementor-element-6cbc5922 .face-back {
        transition: none; /* Kill animations to prevent accidental triggers on tap */
    }

    .elementor-2318 .elementor-element.elementor-element-6cbc5922 .face-back {
        display: none; 
    }
    
    .elementor-2318 .elementor-element.elementor-element-6cbc5922 .face-front {
        position: relative;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dc9e188 *//* Ensure the front and back are perfectly stacked */
.flip-inner > .elementor-container {
    position: absolute !important;
    top: 0;
    left: 0;
}

/* Ensure the video container is behind the content if you add text on the back */
.back-face video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.back-face .elementor-widget {
    z-index: 2;
    position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4230c822 *//* 1. Setup the Parent */
.elementor-2318 .elementor-element.elementor-element-4230c822 {
    perspective: 1000px;
}

/* 2. Style both Front and Back containers */
.elementor-2318 .elementor-element.elementor-element-4230c822 .face-front, 
.elementor-2318 .elementor-element.elementor-element-4230c822 .face-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    
    /* 
       Added transition-delay: 
       The first value (0.6s) is duration.
       The second value (0.15s) is the delay before starting.
    */
    transition: all 0.6s ease-in-out 0.15s;
}

/* 3. The Desktop-Only Logic */
@media (min-width: 1024px) {

    .elementor-2318 .elementor-element.elementor-element-4230c822 .face-back {
        transform: rotateY(180deg);
    }

    /* The Hover Logic */
    .elementor-2318 .elementor-element.elementor-element-4230c822:hover .face-front {
        transform: rotateY(-180deg);
    }

    .elementor-2318 .elementor-element.elementor-element-4230c822:hover .face-back {
        transform: rotateY(0deg);
    }
}

/* 4. Mobile/Tablet Fallback: Disable transitions and hide back face */
@media (max-width: 1023px) {
    .elementor-2318 .elementor-element.elementor-element-4230c822 .face-front, 
    .elementor-2318 .elementor-element.elementor-element-4230c822 .face-back {
        transition: none; /* Kill animations to prevent accidental triggers on tap */
    }

    .elementor-2318 .elementor-element.elementor-element-4230c822 .face-back {
        display: none; 
    }
    
    .elementor-2318 .elementor-element.elementor-element-4230c822 .face-front {
        position: relative;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35a0154 *//* Ensure the front and back are perfectly stacked */
.flip-inner > .elementor-container {
    position: absolute !important;
    top: 0;
    left: 0;
}

/* Ensure the video container is behind the content if you add text on the back */
.back-face video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.back-face .elementor-widget {
    z-index: 2;
    position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc5e5e1 *//* 1. Setup the Parent */
.elementor-2318 .elementor-element.elementor-element-dc5e5e1 {
    perspective: 1000px;
}

/* 2. Style both Front and Back containers */
.elementor-2318 .elementor-element.elementor-element-dc5e5e1 .face-front, 
.elementor-2318 .elementor-element.elementor-element-dc5e5e1 .face-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    
    /* 
       Added transition-delay: 
       The first value (0.6s) is duration.
       The second value (0.15s) is the delay before starting.
    */
    transition: all 0.6s ease-in-out 0.15s;
}

/* 3. The Desktop-Only Logic */
@media (min-width: 1024px) {

    .elementor-2318 .elementor-element.elementor-element-dc5e5e1 .face-back {
        transform: rotateY(180deg);
    }

    /* The Hover Logic */
    .elementor-2318 .elementor-element.elementor-element-dc5e5e1:hover .face-front {
        transform: rotateY(-180deg);
    }

    .elementor-2318 .elementor-element.elementor-element-dc5e5e1:hover .face-back {
        transform: rotateY(0deg);
    }
}

/* 4. Mobile/Tablet Fallback: Disable transitions and hide back face */
@media (max-width: 1023px) {
    .elementor-2318 .elementor-element.elementor-element-dc5e5e1 .face-front, 
    .elementor-2318 .elementor-element.elementor-element-dc5e5e1 .face-back {
        transition: none; /* Kill animations to prevent accidental triggers on tap */
    }

    .elementor-2318 .elementor-element.elementor-element-dc5e5e1 .face-back {
        display: none; 
    }
    
    .elementor-2318 .elementor-element.elementor-element-dc5e5e1 .face-front {
        position: relative;
    }
}/* End custom CSS */