.site-header{z-index:100;width:calc(100% - 4rem);max-width:var(--wrap);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);background:#fbf9f3e0;border-radius:999px;position:fixed;top:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 24px -4px #23251f1a,0 1px 3px #23251f0f}.header-inner{justify-content:space-between;align-items:center;gap:1rem;padding-block:.55rem;padding-inline:1.2rem;display:flex}.line{background-color:var(--accent-soft);border-radius:10px;width:70px;height:5px;margin-bottom:25px}.logo{flex-shrink:0;align-items:center;gap:.6rem;text-decoration:none;display:flex}.logo-icon{object-fit:contain;border-radius:50%;flex-shrink:0;width:2rem;height:2rem}.logo-text{font-family:var(--font-body);color:var(--ink);font-size:1.1rem;font-weight:600;line-height:1}.nav{align-items:center;gap:1.4rem;display:flex}.nav-link{color:var(--muted);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--ink)}.nav-cta{white-space:nowrap;color:var(--accent);padding:.55rem 1.1rem;font-size:.88rem}.nav-cta:hover{background-color:var(--accent-soft)}.nav-hamburger{cursor:pointer;z-index:110;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;display:none}.nav-hamburger-lines{flex-direction:column;gap:5px;width:22px;display:flex}.nav-hamburger-lines span{background:var(--ink);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s;display:block}.nav-hamburger.is-open .nav-hamburger-lines span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.is-open .nav-hamburger-lines span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.is-open .nav-hamburger-lines span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:99;-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;background:#fbf9f3f7;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:5rem 2rem 3rem;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu-link{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;opacity:0;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:600;text-decoration:none;transition:opacity .3s,transform .3s,color .15s;transform:translateY(16px)}.mobile-menu.is-open .mobile-menu-link{opacity:1;transform:translateY(0)}.mobile-menu.is-open .mobile-menu-link:first-child{transition-delay:80ms}.mobile-menu.is-open .mobile-menu-link:nth-child(2){transition-delay:.14s}.mobile-menu.is-open .mobile-menu-link:nth-child(3){transition-delay:.2s}.mobile-menu.is-open .mobile-menu-link:nth-child(4){transition-delay:.26s}.mobile-menu.is-open .mobile-menu-link:nth-child(5){transition-delay:.32s}.mobile-menu-link:hover{color:var(--accent)}.mobile-menu-cta{font-family:var(--font-body);color:var(--accent);border:2px solid var(--accent);opacity:0;border-radius:999px;padding:.85rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:opacity .3s,transform .3s,background .2s,color .2s;transform:translateY(16px)}.mobile-menu.is-open .mobile-menu-cta{opacity:1;transition-delay:.38s;transform:translateY(0)}.mobile-menu-cta:hover{background:var(--accent);color:var(--accent-ink)}.mobile-menu-location{color:var(--muted);opacity:0;align-items:center;gap:.4em;font-size:.85rem;transition:opacity .3s;display:flex}.mobile-menu.is-open .mobile-menu-location{opacity:1;transition-delay:.44s}.mobile-menu-location:before{content:"";background:var(--accent);border-radius:50%;width:.4rem;height:.4rem}@media (width<=790px){.site-header{width:95%;top:.8rem}.nav{display:none}.nav-hamburger{display:flex}.hero{padding-top:clamp(5rem,14vw,7rem)}}.hero{align-items:center;min-height:100dvh;padding-top:clamp(6rem,12vw,8rem);padding-bottom:clamp(3rem,8vw,5rem);display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-inner{z-index:1;width:100%;position:relative}.hero-shape{border-radius:50%;position:absolute}.hero-shape-1{width:clamp(180px,22vw,320px);height:clamp(180px,22vw,320px);top:-5%;right:5%}.hero-shape-2{width:clamp(100px,14vw,200px);height:clamp(100px,14vw,200px);bottom:10%;right:18%}.hero-shape-3{width:clamp(60px,8vw,100px);height:clamp(60px,8vw,100px);top:15%;right:30%}.hero-shape-4{width:clamp(40px,6vw,70px);height:clamp(40px,6vw,70px);bottom:25%;left:10%}@keyframes hero-float-1{0%,to{transform:translate(0)}50%{transform:translate(8px,-12px)}}@keyframes hero-float-2{0%,to{transform:translate(0)}50%{transform:translate(-6px,8px)}}@keyframes hero-float-3{0%,to{transform:translate(0)}50%{transform:translate(5px,6px)}}@keyframes hero-float-4{0%,to{transform:translate(0)}50%{transform:translate(-4px,-8px)}}.hero-shape-1{animation:4s ease-in-out infinite hero-float-1}.hero-shape-2{animation:5s ease-in-out infinite hero-float-2}.hero-shape-3{animation:3.5s ease-in-out infinite hero-float-3}.hero-shape-4{animation:4.5s ease-in-out infinite hero-float-4}.hero-wave{width:100%;height:clamp(40px,6vw,80px);position:absolute;bottom:-1px;left:0}.hero-title{letter-spacing:-.02em;max-width:32ch;margin-bottom:.5em;font-size:clamp(2.2rem,6vw,4rem)}.hero-sub{color:var(--muted);max-width:46ch;margin-bottom:1.9em;font-size:clamp(1.1rem,2.4vw,1.35rem)}.hero-cta{flex-wrap:wrap;gap:.85rem;display:flex}.hero-location{color:var(--muted);align-items:center;gap:.45em;margin:0 0 1.5em;font-size:.95rem;display:flex}.hero-location:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;display:inline-block}.benefits-grid{grid-template-columns:1fr;gap:1.2rem;display:grid}@media (width>=48rem){.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid .benefit:first-child{grid-column:span 2}}.benefit{background:var(--bg-alt);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.3rem;padding:1.3rem 1.4rem;display:flex}.benefit-icon{background:var(--accent-soft);width:2.4rem;height:2.4rem;color:var(--accent);border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.3rem;font-size:1rem;display:flex}.benefit-title{font-family:var(--font-body);margin-bottom:0;font-size:1.05rem;font-weight:700;line-height:1.3}.benefit-text{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.projects{grid-template-columns:1fr;gap:clamp(2rem,4vw,3rem);display:grid}.projects-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;grid-column:1/-1;align-items:center;gap:.3rem;padding-block:2rem;display:none}.projects-toggle-text{color:var(--accent);font-size:.95rem;font-weight:600}.projects-toggle-icon{color:var(--accent);font-size:1.2em;animation:.8s ease-in-out infinite alternate projects-toggle-pulse;transition:transform .3s!important}.project-extra{display:block}@media (width>=48rem){.projects{grid-template-columns:repeat(2,1fr)}}.project{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.project:hover{transform:translateY(-2px);box-shadow:0 2px 4px #23251f0f,0 16px 40px -16px #23251f38}.project-body{flex-direction:column;flex:1;padding:1.2rem 1.4rem 1.4rem;display:flex}.project-body .project-open-modal{align-self:flex-start;margin-top:auto}.mockup{background:#fff;position:relative;overflow:hidden}.mockup-bar{border-bottom:1px solid var(--line);background:#f3f0e7;align-items:center;gap:.4rem;padding:.6rem .85rem;display:flex}.mockup-bar .dot{background:#d8d3c6;border-radius:50%;width:.6rem;height:.6rem}.mockup-body{background:#fbf9f3;position:relative}.mockup-body img{aspect-ratio:8/5;object-fit:cover;width:100%;height:auto}.mockup[data-type=Dimostrativo]:after{content:"Segnaposto — sostituisci l'immagine da content.json";color:var(--accent-deep);background:#ffffffd9;border-radius:999px;padding:.3rem .6rem;font-size:.72rem;font-weight:600;position:absolute;bottom:.9rem;right:.9rem}.project-meta{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.7rem;display:flex}.project-type{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft);border-radius:999px;padding:.22rem .6rem;font-size:.78rem;font-weight:700}.project-client{color:var(--muted);font-size:.85rem}.project-client-card{color:var(--muted);font-size:.82rem}.project-meta-card{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.project-tags-inline{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:none}.project-tags-inline li{color:var(--muted);background:var(--accent-soft);border-radius:999px;padding:.12rem .45rem;font-size:.7rem;font-weight:500}.project-name{font-size:clamp(1.4rem,3vw,1.7rem);font-family:var(--font-body);margin-bottom:.4em;font-weight:600}.project-summary{color:var(--muted);font-weight:300}.project-detail p{color:var(--muted);font-size:.99rem}.project-open-modal{gap:.4rem;padding:.75rem 1.6rem;font-size:1rem}.project-open-modal:after{content:"→";font-size:1.1em;transition:transform .15s}.project-open-modal:hover:after{transform:translate(3px)}.project-tags{flex-wrap:wrap;gap:.5rem;margin:0 0 .8rem;padding:0;list-style:none;display:flex}.project-tags li{color:var(--ink);background:var(--accent-soft);border-radius:999px;padding:.25rem .7rem;font-size:.85rem;font-weight:500}.servizi-grid{grid-template-columns:1fr;gap:1.2rem;display:grid}@media (width>=48rem){.servizi-grid{grid-template-columns:repeat(2,1fr)}}.servizio{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:default;flex-direction:column;gap:.5rem;padding:1.6rem 1.5rem;transition:box-shadow .2s,transform .2s;display:flex}.servizio-icon{background:var(--accent-soft);width:2.6rem;height:2.6rem;color:var(--accent);border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.servizio-title{font-family:var(--font-body);margin:0;font-size:1.1rem;font-weight:700;line-height:1.3}.servizio-text{color:var(--muted);margin:0;font-size:.93rem;line-height:1.55}.about{flex-direction:row;display:flex}.about-text{min-width:0}.about-text,.about-image{flex:1}.about p{color:var(--muted);margin-bottom:1.2em}.about p:first-child{color:var(--ink);font-weight:500}.about-image{justify-content:center;align-items:center;height:100%;display:flex}.about-image img{transform:scale(1.5)}@media screen and (width<=1000px){.about-image{display:none}}@media screen and (width<=420px){section#progetti{padding-bottom:100px}.about{flex-direction:column-reverse}.about-image{--size:10px;width:var(--size);height:var(--size);justify-content:flex-start;align-items:center;display:flex}.about-image img{width:200px;height:100%;transform:translate(300px,-80px)scale(15)}}.skills-grid{grid-template-columns:1fr;gap:1.2rem;display:grid}@media (width>=48rem){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-group{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.skill-title{font-family:var(--font-body);margin-bottom:.8rem;font-size:1.15rem;font-weight:700}.skill-list{margin:0;padding:0;list-style:none}.skill-list li{color:var(--muted);margin-bottom:.6rem;padding-left:1.4rem;position:relative}.skill-list li:before{content:"";background:var(--accent);border-radius:2px;width:.55rem;height:.55rem;position:absolute;top:.55em;left:0}.section-dark .eyebrow{color:#b89ad4}.section-dark .section-head .section-intro{color:var(--dark-muted)}.contact-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=52rem){.contact-grid{grid-template-columns:1fr 1.1fr;align-items:start}}.contact-channels{flex-direction:column;gap:.9rem;display:flex}.contact-card{border:1px solid var(--dark-line);border-radius:var(--radius);background:#ffffff0d;padding:1.1rem 1.3rem;text-decoration:none;transition:background-color .15s;display:block}.contact-card:hover{background:#ffffff1a}.contact-label{letter-spacing:.08em;text-transform:uppercase;color:#b89ad4;margin-bottom:.25em;font-size:.78rem;font-weight:700;display:block}.contact-value{color:var(--dark-ink);word-break:break-word;font-size:1.1rem;font-weight:600}.contact-hint{color:var(--dark-muted);margin-top:.35em;font-size:.85rem;display:block}.form-consent{margin-top:.2rem;display:block!important}.form-consent-label{color:var(--dark-muted);cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.85rem;font-weight:400;line-height:1.4;display:flex}.form-consent-label input[type=checkbox]{width:auto;height:auto;accent-color:var(--accent);background:0 0;border:none;flex-shrink:0;margin-top:.15rem;padding:0}.form-consent-label a{color:var(--accent);text-decoration:underline}.form-note{color:var(--dark-muted);font-size:.95rem}.form{border:1px solid var(--dark-line);border-radius:var(--radius);background:#ffffff0d;gap:1.1rem;padding:1.6rem;display:grid}.form-field{gap:.4rem;display:grid}.form-field label{color:var(--dark-ink);font-size:.9rem;font-weight:600}.form-field input,.form-field textarea{font-family:var(--font-body);color:var(--dark-ink);background:var(--dark-bg);border:1px solid var(--dark-line);border-radius:.6rem;width:100%;padding:.75rem .9rem;font-size:1rem}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);outline:none}.form-field textarea{resize:vertical}.form .btn{justify-self:start}.contact-open-form{margin-top:1.5rem;padding:.9rem 2rem;font-size:1.05rem}.site-footer{background:var(--dark-bg);border-top:1px solid var(--dark-line);color:var(--dark-muted);font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-block:1.5rem;display:flex}.footer-inner p{margin:0}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;background:#23251f99;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.modal-overlay.is-open{opacity:1;visibility:visible}.modal{background:var(--bg);border-radius:var(--radius);width:100%;max-width:56rem;max-height:90vh;transition:transform .25s;overflow-y:auto;transform:translateY(1rem)scale(.98);box-shadow:0 24px 64px -12px #23251f59}.modal-overlay.is-open .modal{transform:translateY(0)scale(1)}.modal h3{font-family:var(--font-body)}.modal .btn{height:42px}.contact-modal{background:var(--dark-bg);color:var(--dark-ink);border:1px solid #ffffff26}.contact-modal .modal-header{border-bottom-color:var(--dark-line)}.contact-modal .modal-header h3{color:var(--dark-ink)}.contact-modal .modal-close{color:var(--dark-muted)}.contact-modal .modal-close:hover{color:var(--dark-ink);background:#ffffff1a}.contact-modal .form{background:0 0;border:none;padding:0}.contact-modal .form-field label{color:var(--dark-ink)}.contact-modal .form-field input,.contact-modal .form-field textarea{color:var(--dark-ink);border:1px solid var(--dark-line);background:#ffffff0f}.contact-modal .form-field input:focus,.contact-modal .form-field textarea:focus{border-color:var(--accent);outline:none}.contact-modal .form-note{color:var(--dark-muted);margin:0;font-size:.9rem}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{font-family:var(--font-body);margin:0;font-size:1.35rem}.modal-close{cursor:pointer;width:2.2rem;height:2.2rem;color:var(--muted);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.modal-close:hover{background:var(--accent-soft);color:var(--ink)}.modal-close svg{width:1.2rem;height:1.2rem}.modal-image{width:100%;height:auto}.modal-body{gap:1.2rem;padding:1.5rem;display:grid}.modal-meta{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.modal-description{gap:.9rem;display:grid}.modal-description p{color:var(--muted);margin:0;font-size:1rem}.modal-description p strong{color:var(--ink)}.modal-tags{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.modal-tags li{color:var(--ink);background:var(--accent-soft);border-radius:999px;padding:.2rem .6rem;font-size:.82rem;font-weight:500}.modal-footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.zone-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.zone-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);flex-direction:column;gap:.2rem;padding:.9rem 1.1rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.zone-card:hover{border-color:var(--accent);box-shadow:0 4px 16px -8px #6f508b33}.zone-card-head{align-items:center;gap:.45rem;display:flex}.zone-card-icon{color:var(--accent);flex-shrink:0;font-size:.85rem}.zone-card-town{font-size:.95rem;font-weight:700;line-height:1.3}.zone-card-keyword{color:var(--muted);font-size:.78rem;line-height:1.4}.fade-in{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.fade-in-left{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transform:translate(-30px)}.fade-in.is-visible,.fade-in-left.is-visible{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.fade-in,.fade-in-left{opacity:1;transition:none;transform:none}}@media (width<=42rem){.header-inner{padding-block:.65rem}.hero{min-height:100svh;padding-top:clamp(5rem,14vw,7rem);padding-bottom:clamp(2rem,6vw,3rem)}.hero-title{max-width:100%;font-size:clamp(1.65rem,7vw,2.2rem)}.hero-sub{max-width:100%;font-size:1rem}.hero-location{font-size:.85rem}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{justify-content:center}.hero-shape-1{width:140px;height:140px;top:-8%;right:-5%}.hero-shape-2{width:80px;height:80px;bottom:15%;right:8%}.hero-shape-3{width:50px;height:50px;top:20%;right:5%}.hero-shape-4{width:35px;height:35px;bottom:30%;left:5%}.section{padding-block:clamp(2.5rem,7vw,4rem)}.section-head{margin-bottom:1.8rem}.section-head .section-title{font-size:clamp(1.55rem,5.5vw,2rem)}.section-head .section-intro{font-size:1rem}.projects{gap:clamp(2.5rem,6vw,4rem)}.project-body{padding:1rem 1.1rem 1.2rem}.project-name{font-size:clamp(1.2rem,4vw,1.45rem)}.project-detail p{font-size:.92rem}.project-tags{margin-bottom:.8rem}.project-tags li{padding:.2rem .55rem;font-size:.8rem}.project-open-modal{justify-content:center;width:100%;padding:.85rem 1.4rem}.projects-toggle{display:flex}@keyframes projects-toggle-pulse{0%{transform:translateY(0)}50%{transform:translateY(4px)}to{transform:translateY(0)}}.project-extra{display:none}.projects.is-revealed .project-extra{display:block}.mockup{border-radius:0}.mockup[data-type=Dimostrativo]:after{font-size:.65rem;bottom:.5rem;right:.5rem}.benefits-grid{gap:.8rem}.benefit{padding:1rem 1.1rem}.benefit-title{font-size:.98rem}.benefit-text{font-size:.88rem}.servizi-grid{gap:.8rem}.servizio{padding:1.2rem 1.1rem}.servizio-title{font-size:1rem}.servizio-text{font-size:.88rem}.skills-grid{gap:1rem}.skill-group{padding:1.2rem}.skill-title{font-size:1.05rem}.skill-list li{margin-bottom:.5rem;font-size:.92rem}.zone-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.zone-card{padding:.85rem 1rem}.contact-channels{gap:.7rem}.contact-card{padding:.9rem 1rem}.contact-label{font-size:.72rem}.contact-value{font-size:1rem}.contact-open-form{justify-content:center;width:100%}.modal-overlay{padding:1rem}.modal{border-radius:var(--radius);max-height:88dvh}.modal-header{padding:1rem 1.1rem}.modal-header h3{font-size:1.15rem}.modal-body{padding:1.1rem}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer .btn{justify-content:center}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:.3rem;padding-block:1.2rem}}