.elementor-52 .elementor-element.elementor-element-4efcab2{--display:flex;--min-height:660px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-52 .elementor-element.elementor-element-4efcab2:not(.elementor-motion-effects-element-type-background), .elementor-52 .elementor-element.elementor-element-4efcab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fqsa2.staging02.isopro.it/wp-content/uploads/2026/02/muro-quadranti-scaled.jpg");background-size:cover;}.elementor-52 .elementor-element.elementor-element-4efcab2::before, .elementor-52 .elementor-element.elementor-element-4efcab2 > .elementor-background-video-container::before, .elementor-52 .elementor-element.elementor-element-4efcab2 > .e-con-inner > .elementor-background-video-container::before, .elementor-52 .elementor-element.elementor-element-4efcab2 > .elementor-background-slideshow::before, .elementor-52 .elementor-element.elementor-element-4efcab2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52 .elementor-element.elementor-element-4efcab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000DE;--background-overlay:'';}.elementor-52 .elementor-element.elementor-element-85cb61f{--display:flex;--min-height:51vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-4eca18a{text-align:center;}.elementor-52 .elementor-element.elementor-element-4eca18a .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:clamp(32px,4vw,48px);font-weight:600;color:#1A1A1A;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-52 .elementor-element.elementor-element-db95172{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:300;line-height:31px;color:#333333;}.elementor-52 .elementor-element.elementor-element-f5910d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-52 .elementor-element.elementor-element-f5910d5:not(.elementor-motion-effects-element-type-background), .elementor-52 .elementor-element.elementor-element-f5910d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-52 .elementor-element.elementor-element-85cb61f{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-52 .elementor-element.elementor-element-f5910d5{--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}}@media(max-width:767px){.elementor-52 .elementor-element.elementor-element-4efcab2{--min-height:244px;}.elementor-52 .elementor-element.elementor-element-85cb61f{--padding-top:10%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-52 .elementor-element.elementor-element-85cb61f{--content-width:819px;}.elementor-52 .elementor-element.elementor-element-f5910d5{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-ccd8013 */:root{--black:#000;--dark:#1a1a1a;--gray-dark:#333;--gray:#666;--gray-light:#999;--white:#fff;--cream:#f8f8f8;--gold:#b8a070;--font-heading:'Cormorant Garamond',Georgia,serif;--font-body:'Montserrat',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:15px;line-height:1.8;color:var(--gray-dark);background:var(--white)}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}

/* Header */
.header{background:var(--cream);padding:25px 0 0}
.header-top{text-align:center;padding-bottom:25px;position:relative}
.logo{display:inline-flex;align-items:center;gap:15px}
.logo img{height:50px}
.logo-text{font-size:14px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--dark)}
.header-nav{border-top:1px solid #e0e0e0;padding:18px 0}
.nav-menu{display:flex;justify-content:center;list-style:none;gap:50px}
.nav-menu a{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-dark);transition:color .3s}
.nav-menu a:hover,.nav-menu a.active{color:var(--gold)}
.nav-toggle{display:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);flex-direction:column;gap:5px;cursor:pointer;padding:10px}
.nav-toggle span{width:22px;height:2px;background:var(--dark)}

/* Page Hero with wall image */
.page-hero{position:relative;width:100%;height:45vh;min-height:350px;overflow:hidden}
.page-hero img{width:100%;height:100%;object-fit:cover}
.page-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.3)}

/* Chi Siamo Intro */
.chi-siamo-intro{padding:80px 50px;background:var(--white)}
.chi-siamo-intro h1{font-family:var(--font-heading);font-size:clamp(32px,4vw,48px);font-weight:400;color:var(--dark);margin-bottom:30px;text-align:center}
.chi-siamo-text{max-width:800px;margin:0 auto}
.chi-siamo-text p{font-size:15px;font-weight:300;line-height:2;color:var(--gray);margin-bottom:20px}
.chi-siamo-text strong{font-weight:500;color:var(--dark)}

/* Timeline with background */
.timeline-section{position:relative;padding:100px 0;background:var(--cream);overflow:hidden}
.timeline-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease,background-image 0.8s ease;pointer-events:none;z-index:0}
.timeline-bg.active{opacity:0.12}

.timeline-container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 50px}
.timeline-header{text-align:center;margin-bottom:70px}
.timeline-header h2{font-family:var(--font-heading);font-size:clamp(28px,3.5vw,42px);font-weight:400;color:var(--dark)}

.timeline{position:relative}
.timeline::before{content:'';position:absolute;left:50%;transform:translateX(-50%);width:1px;height:100%;background:rgba(0,0,0,0.15)}

.tl-item{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:100px;position:relative}
.tl-item:last-child{margin-bottom:0}

.tl-year-col{text-align:right;padding-right:35px}
.tl-year{font-family:var(--font-heading);font-size:32px;font-weight:400;color:var(--gray-light);transition:all 0.6s cubic-bezier(0.4,0,0.2,1);display:inline-block}
.tl-item.active .tl-year{font-size:72px;color:var(--gold)}

.tl-content{padding-left:35px;opacity:0.4;transform:translateX(20px);transition:all 0.6s ease}
.tl-item.active .tl-content{opacity:1;transform:translateX(0)}

.tl-content::before{content:'';position:absolute;left:50%;top:15px;transform:translateX(-50%);width:12px;height:12px;background:var(--gray-light);border-radius:50%;transition:all 0.5s ease}
.tl-item.active .tl-content::before{background:var(--gold);transform:translateX(-50%) scale(1.4);box-shadow:0 0 20px rgba(184,160,112,0.5)}

.tl-title{font-family:var(--font-heading);font-size:22px;font-weight:500;color:var(--dark);margin-bottom:12px}
.tl-desc{font-size:14px;font-weight:300;line-height:1.8;color:var(--gray)}

.tl-item:nth-child(even){direction:rtl}
.tl-item:nth-child(even) > *{direction:ltr}
.tl-item:nth-child(even) .tl-year-col{text-align:left;padding-left:35px;padding-right:0}
.tl-item:nth-child(even) .tl-content{text-align:right;padding-right:35px;padding-left:0;transform:translateX(-20px)}
.tl-item:nth-child(even).active .tl-content{transform:translateX(0)}

/* Footer */
.footer{background:var(--black);padding:35px 50px}
.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-logo img{height:28px;filter:brightness(0) invert(1)}
.footer-links{display:flex;gap:30px}
.footer-links a{font-size:12px;color:rgba(255,255,255,.5);transition:color .3s}
.footer-links a:hover{color:var(--white)}
.footer-copy{font-size:11px;color:rgba(255,255,255,.3)}

@media(max-width:1024px){
    .timeline::before{left:30px}
    .tl-item{grid-template-columns:1fr;gap:10px;padding-left:70px;margin-bottom:70px}
    .tl-item:nth-child(even){direction:ltr}
    .tl-year-col,.tl-item:nth-child(even) .tl-year-col{text-align:left;padding:0}
    .tl-content,.tl-item:nth-child(even) .tl-content{text-align:left;padding:0;transform:translateX(0)}
    .tl-content::before{left:30px;transform:translateX(-50%)}
    .tl-item.active .tl-year{font-size:52px}
}
@media(max-width:768px){
    .nav-toggle{display:flex}
    .header-nav{display:none}
    .header-nav.active{display:block;padding:15px 0}
    .nav-menu{flex-direction:column;align-items:center;gap:12px}
    .chi-siamo-intro{padding:50px 25px}
    .page-hero{height:35vh;min-height:250px}
    .timeline-container{padding:0 25px}
    .tl-item.active .tl-year{font-size:42px}
    .footer{padding:25px}
    .footer-inner{flex-direction:column;text-align:center}
    .footer-links{flex-direction:column;gap:8px}
}/* End custom CSS */