@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(../media/921a7ea4a0b6b1fa-s.1uwhc7jrbo4mx.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0ad59077d07cbed7-s.2my4drvc0bavc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2b81eeca71e9850c-s.p.25jyahqycoolj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(../media/921a7ea4a0b6b1fa-s.1uwhc7jrbo4mx.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0ad59077d07cbed7-s.2my4drvc0bavc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2b81eeca71e9850c-s.p.25jyahqycoolj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne Fallback;src:local(Arial);ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.0%;size-adjust:98.47%}._9SNjMa_className{font-family:Syne,Syne Fallback;font-style:normal}._9SNjMa_variable{--font-syne:"Syne", "Syne Fallback"}
:root{--black:#000;--white:#fff;--blue:#1c29a7;--red:#e70f47;--yellow:#fbad18}::selection{color:var(--black);background:var(--blue)}html{background-color:var(--black);scrollbar-color:var(--blue) var(--black);overflow-x:hidden}body{background-color:var(--black);color:var(--white);font-family:var(--font-syne), sans-serif;min-height:100%}.page{width:100%;position:relative;overflow-x:clip}*{box-sizing:border-box;margin:0;padding:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1{font-size:100px;font-family:var(--font-syne), sans-serif;text-transform:uppercase;font-weight:800;line-height:90%}p{font-family:var(--font-syne), sans-serif;color:var(--blue);text-align:justify;text-wrap:pretty;font-size:60px;font-weight:700}mark{color:var(--black)}p strong{color:var(--white)}section{margin-block:20vh}section:not(.ribbon){width:90%;margin-inline:auto}sup{font-size:.5em}html[lang=it] [data-l=en],html:not([lang=it]) [data-l=it]{display:none}.hero{height:55vh;position:relative}.hero-text-wrapper{position:absolute;top:50%;left:35%;transform:translate(-50%,-50%)}.hero-text-wrapper .tagline{text-transform:uppercase;color:var(--blue);text-align:left;margin-block:2em;font-size:20px;font-weight:700;line-height:100%}.char,.word{display:inline-block}.hero-text-wrapper h1 .char{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:all 1.5s cubic-bezier(0,0,0,1);transition-delay:calc(var(--char-index) * .1s);transform:translateY(100%)}.hero-text-wrapper h1.show .char{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0%)}.hero-text-wrapper .tagline .word{clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:all 1.5s cubic-bezier(0,0,0,1);transition-delay:calc(var(--word-index) * .1s);transform:translateY(100%)}.hero-text-wrapper .tagline.show .word{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateY(0%)}.lang-wrapper{opacity:0;pointer-events:none;flex-flow:row;justify-content:flex-start;align-items:center;gap:15px;transition:opacity 1.5s cubic-bezier(0,0,0,1);display:flex}.lang-wrapper.show{opacity:1;pointer-events:auto}.lang{all:unset;cursor:pointer;opacity:.3;border-radius:50%;width:30px;height:30px;transition:opacity .5s cubic-bezier(.2,0,0,1);display:block}.lang:focus-visible{outline:2px solid var(--white);outline-offset:3px}.lang img{object-fit:cover;width:30px;height:30px;display:block}html:not([lang=it]) .lang[data-lang=en],html[lang=it] .lang[data-lang=it]{opacity:1}.turntable{transform:translate(50%, -50%) rotate(calc((var(--viewport-y,0) * 60deg)));aspect-ratio:1;border-radius:100%;height:70vh;transition:transform 1s cubic-bezier(0,0,0,1),right 2s cubic-bezier(0,0,0,1),top 2s cubic-bezier(0,0,0,1);position:absolute;top:50%;right:-100%;overflow:hidden}.turntable.show{right:0%}.turntable *{aspect-ratio:1;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.turntable-pin{background:var(--black);width:40px}.turntable-img{width:95%;height:auto}.turntable-bg{background:conic-gradient(from 180deg at 50% 50%, var(--blue) 0deg, var(--red) 120deg, var(--yellow) 240deg, var(--blue) 360deg);width:100%}.turntable.show .turntable-bg,.turntable.show .turntable-img{animation:3.4s cubic-bezier(.05,.6,.1,1) both disc-intro}@keyframes disc-intro{0%{transform:translate(-50%,-50%)rotate(-1440deg)}to{transform:translate(-50%,-50%)rotate(0)}}.ribbon#about{border-block:solid 4px var(--red);width:110%;transform:rotate(2deg)translate(-5%)}.ribbon#what{border-block:solid 4px var(--yellow);width:110%;transform:rotate(-2deg)translate(-5%)}.ribbon#portfolio{border-block:solid 4px var(--blue);width:110%;transform:rotate(2deg)translate(-5%)}.ribbon#contact{border-block:solid 4px var(--white);width:110%;transform:rotate(-2deg)translate(-5%)}.ribbon-track{font-family:var(--font-syne), sans-serif;color:var(--red);text-transform:uppercase;white-space:nowrap;transform:translateX(calc(calc(var(--viewport-y,0) + 1) * -200px));-webkit-user-select:none;user-select:none;margin-block:15px;font-size:60px;font-weight:800;line-height:1.2;transition:transform 2s cubic-bezier(0,0,0,1);position:relative}.ribbon#what .ribbon-track{color:var(--yellow)}.ribbon#portfolio .ribbon-track{color:var(--blue)}.ribbon#contact .ribbon-track{color:var(--white)}.ribbon-track span{margin-inline:20px}.w{opacity:var(--p,1)}.emoji{width:auto;height:80px;transform:translateY(15px)}mark{opacity:var(--p,1)}.about-description mark{background:var(--red)}.what-description mark{background:var(--yellow)}strong mark{background:var(--blue)!important}.what-description strong mark,.contact-description,.contact-description a{color:var(--white)}.contact-description mark{background:var(--white)}.contact-description{text-align:center}.contact-description small{font-size:.4em}.portfolio-wrapper{grid-template-columns:repeat(5,1fr);gap:20px;list-style:none;display:grid}.portfolio-item{aspect-ratio:1;width:100%;opacity:var(--visible-y,1);transition:opacity 2s cubic-bezier(0,0,0,1);display:block;position:relative;overflow:hidden}.portfolio-item:focus-visible{outline:3px solid var(--white);outline-offset:3px}.portfolio-item img{object-fit:cover;width:100%;height:100%}.portfolio-item:after{content:"";filter:drop-shadow(0 0 5px #00000080);background-position:50%;background-repeat:no-repeat;background-size:contain;width:30px;height:30px;display:block;position:absolute;top:20px;right:20px}.portfolio-item[data-type=video]:after{background-image:url(/img/video.svg)}.portfolio-item[data-type=web]:after{background-image:url(/img/web.svg)}.portfolio-item[data-type=motion]:after{background-image:url(/img/motion.svg)}@media (prefers-reduced-motion:reduce){.char,.word,.turntable,.lang-wrapper,.ribbon-track,mark,.portfolio-item,.w{transition:none!important}.w,mark{opacity:1!important}.turntable-bg,.turntable-img{animation:none!important}}@media (orientation:portrait){.turntable{height:50vh;transform:translate(-50%, -50%) rotate(calc((var(--viewport-y,0) * 100deg)));top:-100%;left:50%}.turntable.show{top:-10%}h1{font-size:60px}section{margin-block:10vh}section:not(.ribbon){width:85%}.hero{height:75vh}.hero-text-wrapper{width:100%;top:65%;left:50%;transform:translate(-50%,-50%)}.ribbon-track{font-size:45px}p{font-size:27px}p,p *{line-height:150%}.hero-text-wrapper .tagline,.hero-text-wrapper .tagline *{font-size:20px;line-height:100%}.emoji{height:30px;transform:translateY(5px)}.portfolio-wrapper{grid-template-columns:repeat(3,1fr);gap:10px}.portfolio-item:after{width:20px;height:20px;top:10px;right:10px}}