@font-face{font-family:'FranklinGothicFS';src:url("/fonts/franklingothic-book-webfont.eot");src:url("/fonts/franklingothic-book-webfont.eot?iefix") format("eot"),url("/fonts/franklingothic-book-webfont.woff2") format("woff2"),url("/fonts/franklingothic-book-webfont.woff") format("woff"),url("/fonts/franklingothic-book-webfont.ttf") format("truetype"),url("/fonts/franklingothic-book-webfont.svg#webfonta9oqws39") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'FranklinGothicFS';src:url("/fonts/franklingothic-bookit-webfont.eot");src:url("/fonts/franklingothic-bookit-webfont.eot?iefix") format("eot"),url("/fonts/franklingothic-bookit-webfont.woff2") format("woff2"),url("/fonts/franklingothic-bookit-webfont.woff") format("woff"),url("/fonts/franklingothic-bookit-webfont.ttf") format("truetype"),url("/fonts/franklingothic-bookit-webfont.svg#webfont") format("svg");font-weight:normal;font-style:italic}@font-face{font-family:'FranklinGothicFS';src:url("/fonts/franklingothic-demi-webfont.eot");src:url("/fonts/franklingothic-demi-webfont.eot?iefix") format("eot"),url("/fonts/franklingothic-demi-webfont.woff2") format("woff2"),url("/fonts/franklingothic-demi-webfont.woff") format("woff"),url("/fonts/franklingothic-demi-webfont.ttf") format("truetype"),url("/fonts/franklingothic-demi-webfont.svg#webfont") format("svg");font-weight:bold;font-style:normal}@font-face{font-family:'FranklinGothicFS';src:url("/fonts/franklingothic-demiit-webfont.eot");src:url("/fonts/franklingothic-demiit-webfont.eot?iefix") format("eot"),url("/fonts/franklingothic-demiit-webfont.woff2") format("woff2"),url("/fonts/franklingothic-demiit-webfont.woff") format("woff"),url("/fonts/franklingothic-demiit-webfont.ttf") format("truetype"),url("/fonts/franklingothic-demiit-webfont.svg#webfont") format("svg");font-weight:bold;font-style:italic}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--col-palette-yellow: #f0ce0e;--col-palette-orange: #ffa500;--col-palette-light-brown: #cbbd90;--col-palette-brown: #856245;--col-palette-dark-brown: #5a2707;--col-palette-pink: #ff9c88;--col-palette-red: #f44724;--col-palette-dark-red: #be020e;--col-palette-cyan: #69b5f2;--col-palette-light-blue: #c5daeb;--col-palette-blue: #7397b2;--col-palette-dark-blue: #0e263d;--col-palette-light-green: #82d6a3;--col-palette-green: #2cbe65;--col-palette-light-musk: #9cb7a3;--col-palette-musk: #1a8c76;--col-palette-white: #ffffff;--col-palette-cream: #f5f2eb;--col-palette-light-gray: #e9e9e8;--col-palette-gray: #c0bdbc;--col-palette-dark: #2f2622;--col-palette-black: #000000;--col-palette-extra-light-gray: #f2f2f2;--col-palette-darker-blue: #0e162d;--font-main: 'FranklinGothicFS', sans-serif;--font-input: input-sans-condensed, sans-serif;--font-mono: input-mono-condensed, monospace;--font-serif: 'Crimson Text', Georgia, serif;--font-title: var(--font-main);--margin: 2rem;--gutters: clamp(2rem, 4vw, 3rem);--space: 1.25rem;--maxwidth: 70rem}:root{--col-fondo: var(--col-palette-dark-blue);--col-text: var(--col-palette-light-gray);--col-hero-fondo: var(--col-palette-darker-blue);--col-accent-1: var(--col-palette-red);--col-accent-2: var(--col-palette-cyan);--col-accent-3: var(--col-palette-dark-brown);--col-accent-fondo: #03162a}.stack{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space, 1.5rem)}html{scroll-behavior:smooth}body{position:relative;padding:0;font-family:var(--font-main);font-size:18px;line-height:1.25;background-color:var(--col-hero-fondo);color:var(--col-text);container-type:inline-size;overflow-x:clip}a:not([class]){text-decoration-color:var(--col-accent-2)}a[class]{color:var(--col-text);text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:var(--font-title);line-height:1}h2{font-size:3em;text-align:center}h2.page-title{margin-top:calc(var(--margin) * 2);letter-spacing:-0.025em}img{max-width:100%}main{margin:var(--margin, 1em) auto 0}.content{position:relative;max-width:var(--maxwidth);margin:auto}.section{position:relative;z-index:1;padding:var(--gutters)}.section--title{text-align:center;margin-block:calc(var(--gutters) * 3) calc(var(--gutters) * 2)}.occhiello{color:var(--col-accent-2);text-transform:uppercase;font-weight:bold;letter-spacing:0.025em}.button,button{--webkit-appearance: none;background-color:var(--col-accent-1);border:none;color:white;font-family:var(--font-main);font-size:0.8em;text-transform:uppercase;letter-spacing:0.1em;padding:0.45em 0.6em 0.3em;border-radius:0.25em;cursor:pointer;transition:all 0.25s ease-out}.button:hover,button:hover{background-color:var(--col-accent-2)}@keyframes color_change{from{background-color:var(--col-accent-1)}to{background-color:var(--col-accent-2)}}.page-header{font-size:1.3125em;margin-bottom:var(--gutters)}.page-header .breadcrumbs{text-align:center}.page-header p{text-align:center;max-width:80%;margin-inline:auto}article{margin-top:calc(var(--margin) * 3)}video{max-width:100%}video.overcast{max-width:61.8%}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(Min(22rem, 100%), 1fr));gap:var(--gutters);margin:0;padding:0;list-style:none}.all_index .grid{grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr))}@media only screen and (max-width: 800px){.grid{grid-template-columns:repeat(auto-fit, minmax(Min(15rem, 100%), 1fr))}}@media only screen and (max-width: 649px){.grid{gap:var(--gutters) var(--space)}}.grid>li{position:relative;margin:0}.grid>li a.block{display:block;width:100%;min-height:10rem;padding:1em;background-color:var(--col-palette-white);text-align:center;display:flex;justify-content:center;align-items:center}.listing{display:flex;flex-wrap:wrap;padding:0;justify-content:space-around;align-items:stretch;gap:2em}.listing.medium>li{flex:0 calc(33.333% - 2em)}.listing.compact>li{flex:1 20%}@media only screen and (max-width: 649px){.listing.compact>li{flex:1 100%}}.listing>li{flex:0 calc(50% - 2em)}@media only screen and (max-width: 649px){.listing>li{flex:1 100%}}.listing>li>a{position:relative;display:block;height:100%;text-decoration:none;padding:1em;border:1px solid var(--col-palette-gray);border-radius:1em;transition:border 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out}.listing>li>a:hover{border-color:var(--col-text);background-color:var(--col-fondo) !important;color:inherit !important}.listing>li h3{font-size:2em;margin-top:0.5em}.listing>li figure{margin-bottom:var(--space)}.listing>li .indice{position:absolute;display:block;font-size:0.75em;top:1rem;color:var(--col-accent-2)}.projects_100daysofbusinesscards_index .grid{--post-col: var(--col-palette-gray);grid-template-columns:repeat(auto-fill, minmax(33ch, 1fr))}@media only screen and (max-width: 649px){.projects_100daysofbusinesscards_index .grid{grid-template-columns:repeat(auto-fill, minmax(10em, 1fr))}}.projects_100daysofbusinesscards_index .grid li{font-size:0.9375em;margin:0}.projects_100daysofbusinesscards_index .grid li img{display:block;max-width:100%}.projects_100daysofbusinesscards_index .grid li .day b{color:var(--post-col)}.projects_100daysofbusinesscards_index .grid li p{margin-bottom:2em}.customers ul{display:flex;flex-wrap:wrap;justify-content:center;padding:0}@media only screen and (max-width: 649px){.customers ul{font-size:0.75em}}.customers ul li{flex:0;margin:var(--margin)}@media only screen and (max-width: 649px){.customers ul li{margin:calc(var(--margin) / 3) calc(var(--margin) / 2)}}.customers ul li b{display:none}.customers ul li .logo{height:4em;display:flex}.customers ul li .logo svg{display:block;margin:auto;fill:currentcolor !important;max-width:8em;width:auto;height:100%}.customers ul li .logo svg g,.customers ul li .logo svg path{fill:inherit !important}[data-key="av-sito"] svg{max-width:3em !important}[data-key="bme"] svg{max-height:3em !important}[data-key="rattalino-web"] svg{max-width:9em !important}[data-key="Neuro"] svg{max-width:4em !important}[data-key="sesaler"] svg{max-width:3.5em !important}[data-key="T4MED"] svg{max-width:4em !important}[data-key="bespoqe"] svg{max-height:3em !important}header{z-index:1000;position:sticky;top:0;padding:var(--gutters);display:flex;align-items:center}header .badge{height:2rem;display:flex;align-items:center}header .badge span{width:min-content;margin-left:1em;line-height:0.9;font-weight:700;color:var(--col-text)}@media only screen and (min-width: 650px){header .badge{height:3rem}}header .badge svg{width:calc(2rem * 1.48125);fill:var(--col-accent-2);will-change:fill;transition:fill 0.25s ease-out}header .badge svg:hover{fill:var(--col-accent-1)}header nav{margin-top:0;margin-left:auto}header nav #show_menu{display:none}header nav label[for="show_menu"]{display:none;position:relative;z-index:1;cursor:pointer;white-space:nowrap;height:2rem;width:2rem;border-radius:3px;line-height:2;text-align:center;transition:all 0.125s ease-in;text-decoration:none;padding:0;transition:all 0.125s ease-in}@media only screen and (max-width: 649px){header nav label[for="show_menu"]{display:inline-block}}header nav label[for="show_menu"]:hover{background-color:var(--col-accent-2);color:var(--col-fondo)}header nav label[for="show_menu"] svg{height:0.75em}header nav #show_menu:checked~ul{pointer-events:all;transform:translate(0, 0)}header nav ul{padding:0;display:flex;flex-wrap:wrap;gap:2rem;text-transform:uppercase;font-size:0.875em}@media only screen and (max-width: 649px){header nav ul{font-size:1em;flex-direction:column;gap:1rem;position:absolute;top:1rem;right:1rem;padding:var(--gutters);padding-top:calc(var(--gutters) + 2rem);padding-right:calc(var(--gutters) + 2rem);border-radius:3px;background-color:var(--col-accent-2);color:var(--col-fondo);transform:translate(110%, 0);transition:transform 0.125s ease-in}header nav ul a{color:var(--col-fondo) !important}}footer{padding:var(--gutters);text-align:left;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space);gap:var(--gutters);min-height:100vh;justify-content:flex-end}footer ul{padding:0;display:flex;gap:var(--space)}.front main{margin:0 auto}.front .hero{height:50vh;display:flex;align-items:flex-end}@media only screen and (min-width: 650px){.front .hero{height:clamp(20rem, 40vh, 40rem);position:sticky;top:9rem;z-index:0}}.front .hero .message{max-width:var(--maxwidth);width:100%;margin:0 auto}.front .hero .message h1{text-indent:0.15em;margin-left:-0.2em;letter-spacing:-0.01em;font-size:clamp(3rem, 3vw, 4rem)}.front .hero .message h1 span{font-weight:900;color:var(--col-accent-2);background-color:var(--col-accent-2);display:inline-block;aspect-ratio:1;width:0.55em;height:0.55em;vertical-align:sub;clip-path:polygon(0 35%, 35% 35%, 35% 0, 65% 0, 65% 35%, 100% 35%, 100% 65%, 65% 65%, 65% 100%, 35% 100%, 35% 65%, 0 65%)}.front .hero .message p{width:clamp(10rem, 80%, 30rem);text-wrap:balance}.front .about,.front .services,.front .customers,.front .works{background-color:var(--col-fondo)}.front .about h2,.front .services h2,.front .customers h2,.front .works h2{font-size:1.5rem;margin-bottom:var(--gutters);text-wrap:balance}@media only screen and (min-width: 650px){.front .works{padding-bottom:calc(var(--gutters) + 8rem)}}@media only screen and (min-width: 650px){.front .prj li:nth-child(even),.front ul.grid li:nth-child(even){transform:translate(0, 8rem)}}.prj .mini,ul.grid .mini{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:1rem;background-color:var(--prj-color)}.prj .mini:before,ul.grid .mini:before{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:radial-gradient(circle at center, white, black);mix-blend-mode:overlay;opacity:0.3;will-change:opacity;transition:opacity 0.2s ease-out}.prj .mini:hover:before,ul.grid .mini:hover:before{opacity:0}.prj .mini img,ul.grid .mini img{display:block;aspect-ratio:4 / 3;width:100%;height:100%;object-fit:cover;margin-bottom:1rem;will-change:scale;transition:scale 0.2s ease-out}.prj .mini img:hover,ul.grid .mini img:hover{scale:1.05}.prj .prj--display{cursor:pointer;flex:0 45%;transition:flex 0.2s ease-out;border-inline:var(--prj-bordo)}.prj:nth-child(odd) .prj--display{margin-left:auto}.prj .titolo{margin-top:-2.5rem;margin-left:2rem;z-index:100;background:var(--col-fondo);width:fit-content;max-width:70%;padding:0.75rem;border-radius:0.5rem;text-wrap:balance}.prj h3{margin-block-end:calc(var(--space) / 4)}.prj .prj--title{display:flex;display:none;padding:0.25em 0;justify-content:space-between;text-transform:uppercase}.prj .prj--content{flex:0 30%}.prj .prj--content .content{display:none;padding:var(--space)}.prj.active .block{flex:1 100%}@media only screen and (min-width: 650px){.prj.active .block{flex:0 60%}}.prj.active .content{display:flex}#about #io{max-width:calc(var(--maxwidth) / 2);margin-inline:auto;margin-top:calc(-1 * var(--gutters));margin-bottom:var(--gutters);position:relative}#about #io .frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#about .testo{max-width:25ch;margin-inline:auto}@media only screen and (min-width: 650px){#about .testo{max-width:50ch}}#about .testo p{text-indent:4ch}.about_index h2{display:none !important}.about_index main{background-color:var(--col-fondo)}.about_index .content{display:flex;flex-wrap:wrap}.about_index .content aside{flex:0 400px}@media only screen and (max-width: 649px){.about_index .content aside{flex:1 100%}}.about_index .content .testo{flex:1}.about_index #io{position:relative;width:100%;margin:auto;margin-top:-3rem;transform:scale(1.25)}.about_index #io>canvas{display:block}.wall{position:relative;width:100%;min-height:700px;padding:2rem}.wall.bricks:after,.wall.stones:after{content:'';position:absolute;z-index:0;top:0;left:0;right:0;bottom:0}.wall.bricks:after{background-image:url(/img/bricks.png);background-size:10rem;background-blend-mode:multiply;opacity:0.125}.wall.stones:after{background-image:url(/img/stones.png);background-size:10rem;background-blend-mode:multiply;opacity:0.25}.wall[data-frame-style="dark"]{--wall-frame-color: #404040}.wall[data-frame-style="wood"]{--wall-frame-color: var(--col-palette-brown)}.wall[data-frame-style="lite"]{--wall-frame-color: #efeff3}.wall .framed{z-index:1;position:relative;margin:0}.wall .framed a{display:block}.wall .framed img{display:block;max-width:100%;height:auto;background-image:url(/img/favicon-196x196.png);background-size:20%;background-position:center;background-repeat:no-repeat;background-color:var(--col-fondo);border:10px solid var(--wall-frame-color, #404040);box-shadow:-0.25em 0.25em 1em rgba(0,0,0,0.3),-1em 1em 2em rgba(0,0,0,0.2),-2em 2em 4em rgba(0,0,0,0.1)}.wall .framed figcaption{margin-top:1.5em;font-size:0.8em;display:flex}.wall .framed figcaption .text{padding-right:1em}.wall .framed figcaption .cta{margin-top:0;margin-left:auto;white-space:nowrap}.wall .framed .label{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#404040;color:white;border-radius:0.2rem;padding:1rem;margin:0;font-size:0.66em;width:max-content;box-shadow:-0.25em 0.25em 0 rgba(0,0,0,0.2);transition:opacity 0.125s ease-in}.wall .framed .label .price{font-size:1.5em;font-weight:normal}.wall .grid li{padding:calc(var(--margin) / 3) calc(var(--margin) / 3) var(--margin)}.journal{--maxwidth: 50rem}.journal .date{display:block;text-transform:uppercase;letter-spacing:0.2em;font-family:var(--font-main);font-size:0.8em;margin-top:8rem}.journal article{font-size:1.1875em}.journal article img{max-width:100%}.journal article pre{position:relative;background-color:#011627;padding:calc(var(--margin) / 2);font-family:var(--font-mono);line-height:1.33}.journal article code{font-family:var(--font-mono);font-size:0.85em}.journal article figcaption{margin-top:0.25em;font-style:italic}.journal article ol li,.journal article ul li{margin:0}.journal article+article:before{content:'';display:block;background-color:var(--col-palette-gray);height:1px;width:100%;margin-bottom:var(--margin);margin-top:calc(var(--margin) * -2)}.sg-pattern:not(:first-child){margin-top:1em}.sg-pattern-head{color:crimson;margin-bottom:0.5em;text-align:left !important}.sg-pattern-head:first-child{margin-top:0}.sg-colors{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}.sg-colors li{width:6em;margin:0 0.75em 0.75em 0;text-align:center}.sg-colors .sg-swatch{width:100%;padding-top:100%;height:0;display:block;box-shadow:0 0 1px var(--col-text);border-radius:100%}.sg-colors .sg-label{display:block;font-size:0.8em;line-height:1.2;text-transform:capitalize;margin-top:0.375em}.sg-note{font-size:0.8em;color:crimson}.all_index .grid>li{padding:0.75rem;background-color:#fff;border-radius:1.4rem}.all_index h3{font-size:1.5em}.all_index [data-field-name]::before{content:attr(data-field-name);display:inline-block;font-weight:700;font-size:0.8em;margin-right:0.5em;text-transform:uppercase;color:crimson;font-family:var(--font-mono)}.all_index [role="list"][data-field-name]{padding:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0.5em}