body{margin:0;background:#000000}
a{color:#FFFFFF;text-decoration:none}a:hover{color:#FFFFFF}
input,select,textarea{font-family:inherit}
.hero-bg{background-color:#000000;background-image:url(../img/hero-sfondo.png);background-size:cover;background-position:center center;background-repeat:no-repeat}
.headerElement{font-family:"Manrope",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:-0.02em}
.ctaInter{font-family:"Inter",sans-serif;font-weight:700;text-transform:uppercase}
.navLink{color:#FFFFFF;transition:opacity .25s ease}
.navLink:hover{opacity:0.55}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}
@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}}
.proj-nv{background-image:url(../img/progetto-napolivibes.jpg);background-size:cover;background-position:center 45%}
.proj-br{background-image:url(../img/progetto-breunor.png);background-size:cover;background-position:center}
.proj-hb{background-image:url(../img/progetto-habitat.jpg);background-size:cover;background-position:center}
.interact{transition:opacity .25s ease,transform .25s ease}
.interact:hover{opacity:0.8}
.card{transition:transform .5s ease}
.card:hover{transform:scale(1.05)}
.outline{-webkit-text-stroke:1px #FFFFFF;color:transparent}
@keyframes introOut{0%,80%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes logoFadeIn{0%{opacity:0;clip-path:inset(100% 0 0 0)}100%{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes wordUp{0%{transform:translateY(110%);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes heroUp{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:translateY(0)}}
.intro{animation:introOut 2.8s ease forwards}
.logoFadeIn{animation:logoFadeIn 1.4s cubic-bezier(.22,1,.36,1) 0.2s both}
.w{display:inline-block;position:relative;animation:wordUp 1s cubic-bezier(.22,1,.36,1) both}
.hero-in{animation:heroUp 0.9s cubic-bezier(.22,1,.36,1) 3s both}
@media (prefers-reduced-motion: reduce){.intro{animation-duration:0.01s}.logoFadeIn,.w,.hero-in{animation:none}.card:hover{transform:none}}
@media (max-width: 1000px){
.r-stack{grid-template-columns:minmax(0,1fr) !important}
.r-hide{display:none !important}
.r-pad{padding-left:20px !important;padding-right:20px !important}
.r-h1{font-size:48px !important}
.r-outline{font-size:72px !important}
.r-h2{font-size:36px !important}
.r-col{flex-direction:column !important;align-items:flex-start !important}
.r-first{order:0 !important}
.r-card{height:26rem !important}
}