:root{--pacific-cyan:#6295a5;--lemon-lime:#d6d903;--burnt-peach:#f08062;--violet:#504e97;--graphite:#2f2f37;--parchment:#f2eeec;--primario:var(--pacific-cyan);--primario-scuro:var(--violet);--sfondo:var(--parchment);--testo:var(--graphite);--muted:#6b6b6b;--rule:#ddd8d3;--accento:var(--burnt-peach);--accento-2:var(--lemon-lime);--display:"Big Shoulders", sans-serif;--sans:"Plus Jakarta Sans", system-ui, sans-serif;--header-h:87px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--sfondo);color:var(--testo);font-family:var(--sans);margin:0;font-size:18px;line-height:1.5}img{object-fit:cover;max-width:100%;display:block}a{color:var(--primario)}a:hover{color:var(--primario-scuro)}p{margin:0 0 1em}h1,h2,h3,h4,h5,h6,.kit-h1,.kit-h2,.kit-h3,.kit-h4,.kit-h5,.kit-h6{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0;font-weight:600}h1,.kit-h1{font-size:60px}h2,.kit-h2{font-size:50px}h3,.kit-h3{font-size:35px}h4,.kit-h4{font-size:24px}h5,.kit-h5{font-size:20px}h6,.kit-h6{font-size:18px}.kit-link{--diametro:40px;--kit-link-colore:var(--lemon-lime);isolation:isolate;max-width:max-content;height:var(--diametro);font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--graphite);white-space:nowrap;align-items:center;padding:0 25px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.kit-link:before{content:"";z-index:-1;width:var(--diametro);height:var(--diametro);background:var(--kit-link-colore);border-radius:999px;transition:width .35s;position:absolute;top:0;left:0}.kit-link--violet{--kit-link-colore:var(--violet)}.kit-link--burnt{--kit-link-colore:var(--burnt-peach)}.kit-link--cyan{--kit-link-colore:var(--pacific-cyan)}.kit-link:after{content:"";background:currentColor;height:1px;position:absolute;bottom:10px;left:25px;right:50px}.kit-link:hover:before,.kit-link:focus-visible:before{width:100%}.kit-link-freccia{margin-left:8px;display:inline-block}.wrap{max-width:1300px;margin:0 auto;padding:0 24px}.bar{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}header.bar{z-index:10;background:0 0;position:fixed;top:0;left:0;right:0}main.wrap{padding-top:var(--header-h)}.bar-logo{width:auto;height:55px}.hero{flex-direction:column;justify-content:flex-end;min-height:100vh;padding:24px;display:flex}.hero-contenuto{flex-direction:column;justify-content:flex-end;display:flex}.hero-eyebrow{font-family:var(--sans);text-transform:uppercase;margin-bottom:10px;font-size:16px}.hero-titolo{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;font-size:150px;font-weight:600;line-height:160px}.hero-testo{max-width:670px;margin-top:24px;font-size:24px}@property --riempimento{syntax:"<percentage>";inherits:false;initial-value:0%}.hero-parola{--colore-parola:var(--primario);background-image:linear-gradient(0deg, var(--colore-parola) var(--riempimento), var(--testo) var(--riempimento));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3.2s forwards riempimento-parola;display:block}@keyframes riempimento-parola{0%{--riempimento:0%}60%,to{--riempimento:100%}}.chi-siamo{padding:140px 24px}.chi-siamo-testo{max-width:900px;color:var(--graphite);margin:0 auto;font-size:32px;line-height:1.4}.chi-siamo-riga{display:block}@supports (animation-timeline:view()){.chi-siamo-testo{view-timeline-name:--chi-siamo-timeline}.chi-siamo-riga{color:color-mix(in srgb, var(--graphite) 20%, transparent);animation-name:chi-siamo-colora;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--chi-siamo-timeline;animation-range:entry calc(var(--riga-i) / var(--riga-n) * 100%) calc((var(--riga-i) + 1) / var(--riga-n) * 100%)}}@keyframes chi-siamo-colora{to{color:var(--graphite)}}.cosa-facciamo{padding:140px 24px}.cosa-facciamo-griglia{align-items:flex-start;gap:90px;margin:0 auto;display:flex}.cosa-facciamo-colonna{flex-direction:column;flex:1;gap:90px;min-width:0;display:flex}.cosa-facciamo-colonna--decalata{margin-top:150px}.cosa-facciamo-voce{flex-direction:column;gap:16px;display:flex}.cosa-facciamo-immagine{background:var(--rule);border-radius:15px;width:100%}.cosa-facciamo-testo{font-size:20px;line-height:1.4}.cosa-facciamo-link-lista{flex-wrap:wrap;gap:12px 24px;display:flex}@media (width<=768px){.cosa-facciamo{padding:64px 24px}.cosa-facciamo-griglia{flex-direction:column;gap:64px}.cosa-facciamo-colonna{display:contents}.cosa-facciamo-voce--web-design{order:1}.cosa-facciamo-voce--digital-marketing{order:2}.cosa-facciamo-voce--terzo{order:3}}.clienti{background-color:var(--sfondo);color:var(--testo);padding:140px 24px}.clienti-contenuto{max-width:1300px;margin:0 auto}.clienti-titolo{margin-bottom:48px}.clienti-layout{flex-wrap:wrap;align-items:flex-start;gap:64px;display:flex}.clienti-media{aspect-ratio:4/3;background:var(--rule);border-radius:15px;flex:360px;max-width:480px;position:relative;overflow:hidden}.clienti-media-immagine{opacity:0;transition:opacity .5s;position:absolute;inset:0}.clienti-media-immagine.is-attiva{opacity:1}.clienti-media-immagine[data-cliente="0"]{background:var(--pacific-cyan)}.clienti-media-immagine[data-cliente="1"]{background:var(--lemon-lime)}.clienti-media-immagine[data-cliente="2"]{background:var(--burnt-peach)}.clienti-media-immagine[data-cliente="3"]{background:var(--violet)}.clienti-media-immagine[data-cliente="4"]{background:var(--graphite)}.clienti-lista{flex-direction:column;flex:320px;margin:0;padding:0;list-style:none;display:flex}.clienti-voce{border-bottom:1px solid color-mix(in srgb, currentColor 15%, transparent);font-family:var(--display);text-transform:uppercase;cursor:pointer;opacity:.4;align-items:center;gap:16px;padding:16px 0;font-size:28px;transition:opacity .3s;display:flex}.clienti-voce.is-attiva{opacity:1}.clienti-voce:before{content:"";background:var(--accento);opacity:0;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:opacity .3s}.clienti-voce.is-attiva:before{opacity:1}@supports (animation-timeline:view()){.clienti{view-timeline-name:--clienti-timeline;animation-name:clienti-sfondo;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--clienti-timeline;animation-range:entry 0 200px}}@keyframes clienti-sfondo{to{background-color:var(--graphite);color:var(--parchment)}}.menu-cta{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--testo);cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;font-weight:600}