@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}html{scroll-behavior:smooth}body{color:#0c0c0c;background-color:#f6f7f7;line-height:1.5}img,video{max-width:100%;display:block}a{color:inherit;cursor:pointer;line-height:1;text-decoration:none}.home-container{color:#f6f7f7;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:min(1400px,100%);margin:0 auto;padding:1rem;display:flex;position:relative}.overlay{text-align:center;color:#f6f7f7;cursor:pointer;opacity:0;background:linear-gradient(#00000080,#00000080);flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.div-home:hover .overlay,.div-home2-img1:hover .overlay,.div-home3-img1:hover .overlay,.div-home3-img2:hover .overlay{opacity:1}.div-home{width:100%;height:min(80vh,760px);min-height:320px;position:relative;overflow:hidden}.div-home img,.div-home2-img1 img,.div-home3-img1 img,.div-home3-img2 img{object-fit:cover;object-position:center;width:100%;height:100%}.div-home2{flex-direction:row;gap:1rem;width:100%;display:flex}.div-home2-img1{width:50%;height:min(80vh,760px);min-height:320px;position:relative}.div-home3{flex-direction:column;gap:1rem;width:50%;height:min(80vh,760px);min-height:320px;display:flex}.div-home3-img1,.div-home3-img2{flex:1;width:100%;min-height:0;position:relative}.container{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:min(1400px,100%);margin:0 auto;padding:20px;display:flex}.testo{grid-template-columns:1fr 1fr;gap:2rem;width:100%;padding:2.5rem 1.25rem;font-size:clamp(1rem,1.4vw,1.1rem);display:grid}.titolo{width:100%;padding-left:0}.titolo p{font-style:italic}.descrizione{width:100%;height:100%;padding:0}.img1{width:100%}.img1 img{width:100%;height:auto}.img2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;display:grid}.img2>div{height:min(45vw,900px);min-height:280px;overflow:hidden}.img2 img{object-fit:cover;width:100%;height:100%}.video{aspect-ratio:16/9;width:100%;height:auto;display:block}@media (width<=1024px){.testo,.img2{grid-template-columns:1fr}}@media screen and (width<=768px){.overlay{opacity:1;background:linear-gradient(#00000080 0%,#0000 100%);flex-direction:column;justify-content:flex-start;padding:2.5rem 1rem 1rem;display:flex;position:absolute;inset:0 0 auto}.overlay h1{margin-bottom:.7rem;font-size:clamp(1.5rem,4vw,2.2rem)}.overlay p{font-size:.9rem}.home-container{gap:5px;width:100%;padding:0}.div-home{height:52vh;min-height:300px}.div-home2{flex-direction:column;gap:5px;width:100%}.div-home2-img1{width:100%;height:52vh;min-height:300px}.div-home3{gap:5px;width:100%;height:auto;margin-bottom:5px}.div-home3-img1,.div-home3-img2{flex:none;height:52vh;min-height:300px}.container{gap:12px;padding:10px}.img2{gap:12px}.video{width:100%;margin:0;padding:0}.video iframe{display:block}}header{z-index:1500;background-color:#f6f7f7;border-bottom:1px solid #f6f7f7;justify-content:space-between;align-items:center;width:100%;height:10vh;min-height:76px;max-height:96px;padding:0 2%;display:flex;position:sticky;top:0;left:0;box-shadow:0 2px 5px #0000001a}button{cursor:pointer;background:0 0;border:none;justify-self:start;align-items:center}.header-logo{width:clamp(90px,9vw,125px);height:auto}.menu-icon,.instagram-icon{fill:currentColor;width:24px;height:24px}button:hover{opacity:.8}.instagram-link{justify-content:center;align-items:center;display:inline-flex}.sidebar{z-index:1000;background-color:#f6f7f7;width:100%;height:fit-content;transition:transform .3s;position:fixed;top:-100vh;left:0;overflow-y:auto}.sidebar.open{transform:translateY(100vh)}.sidebar nav{grid-template-columns:1fr 1fr;justify-items:center;margin-top:10vh;padding:0 20px;display:grid}.sidebar nav .projects-column,.sidebar nav .other-column{padding-bottom:20px}.sidebar nav ul{list-style:none}.sidebar nav ul p{padding-top:30px;padding-bottom:15px;font-weight:300}.sidebar nav ul li{margin:20px 0;font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:500;list-style:none}.sidebar nav ul li.active{font-weight:700}@media screen and (width<=768px){header{min-height:70px;padding:0 1rem}.sidebar{width:100%;height:100vh;box-shadow:none;z-index:2000;background-color:#f6f7f7;border-right:none;transition:transform .28s;position:fixed;top:0;left:0;transform:translate(-101%)}.sidebar.open{transform:translate(0)}.sidebar nav{grid-template-columns:1fr;place-items:start left;gap:1.2rem;margin-top:0;padding:4.8rem 1.3rem 2rem 1.6rem}.sidebar nav .other-column{flex-direction:column;gap:2.2rem;padding-top:.5rem;display:flex}.sidebar nav ul{flex-direction:column;gap:.9rem;margin-top:0;padding-left:0;display:flex}.sidebar nav ul li{margin:0;font-size:1.45rem;line-height:1.3}.sidebar nav ul p{letter-spacing:.04em;text-transform:uppercase;padding-top:20px;padding-bottom:0;font-size:.95rem;font-weight:300}.sidebar-close-button{cursor:pointer;z-index:2100;background:0 0;border:none;width:25px;height:25px;padding:0;position:absolute;top:18px;right:20px}.sidebar-close-button:before,.sidebar-close-button:after{content:"";transform-origin:50%;background-color:#0c0c0c;width:100%;height:2px;position:absolute;top:50%;left:0}.sidebar-close-button:before{transform:rotate(45deg)}.sidebar-close-button:after{transform:rotate(-45deg)}.sidebar-close-button:hover:before,.sidebar-close-button:hover:after{background-color:#666}}.hero{color:#f6f7f7;background:url(/assets/SempoStudio-ECO_LUMINOSO-01-DknwIhJy.jpeg) 50%;justify-content:center;align-items:center;width:100%;min-height:80vh;padding:2rem;display:flex}.hero-container{gap:2rem;max-width:1200px;margin:0 auto;display:flex}.hero-text{flex:1}.hero-text h1{margin-bottom:1rem;font-size:2.5rem}.hero-text h2{margin-bottom:2rem;font-size:1.8rem}.hero-text p{margin-bottom:1rem;font-size:1.1rem;line-height:1.6}@media screen and (width<=768px){.hero{display:none}}.footer{color:#f6f7f7;background-color:#0c0c0c;justify-content:space-between;align-items:center;min-height:100px;margin:0 auto;padding:15px 81px;display:flex}.footer-logo{object-fit:contain;flex-shrink:0;width:48px;height:auto;display:block}@media screen and (width<=768px){.footer{text-align:center;flex-direction:column;justify-content:center;gap:12px;min-height:0;padding:24px 16px}.footer p{overflow-wrap:anywhere;max-width:100%;font-size:clamp(.75rem,3.5vw,.9rem)}.footer-logo{width:40px}}