html{
scrollbar-width:none; /* Firefox */
}

html::-webkit-scrollbar{
display:none; /* Chrome, Safari */
}

body{
font-family: 'Manrope', sans-serif;
font-weight:400;
background: #ffffff;
color: #222;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6{
  font-weight:500;
}


/* HERO */

.hero-img{
width:100%;
height:100vh;
overflow:hidden;
position:relative;
}

.hero-img video{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}

/* NAVBAR */

.navbar{
position:fixed;
top:0;
left:0;
width:100%;
z-index:1000;
transition:background 0.3s ease, box-shadow 0.3s ease;
}

.navbar .nav-link,
.navbar .navbar-brand{
color:white;
transition:color 0.3s ease;
}

/* navbar when page is scrolled */
.navbar-scrolled{
background:white;
box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-brand{
color:#222;
}

.navbar-toggler-icon{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-scrolled .navbar-toggler-icon{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler{
border:none;
box-shadow:none;
padding:0;
}

.navbar-toggler:focus{
box-shadow:none;
}

/* TESTO */

.intro{
padding:60px 0;
}

.intro p{
font-size:18px;
line-height:1.7;
}


/* PORTFOLIO GRID */

.portfolio{
  padding:0px 0 40px 0;
  overflow:hidden;
}

.project-track-portfolio{
  display:flex;
  width:max-content;
  animation: scrollX 30s linear infinite;
}

.project-gallery-portfolio{
  display:flex;
  gap:40px;
  padding:0 25px;
  align-items:center;
}

.project-gallery-portfolio a{
  display:block;
}

.project-gallery-portfolio img{
  height:60vh;
  width:auto;
  object-fit:contain;
  flex-shrink:0;
}

@keyframes scrollX{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

/* FOOTER */

.footer{
background:#f2f2f2;
margin: 0px 0 0 0;
padding:40px 0 40px 0;
font-size:14px;
}

.footer-cta{
font-size:20px;
letter-spacing:0.02em;
font-weight:500;
}

.footer-content{
max-width: 100vw;
}

.footer-links{
display:flex;
gap:20px;
margin-bottom:20px;
}

.footer-links a{
text-decoration:none;
color:#222;
}

.footer-links a:hover{
text-decoration:underline;
}

.footer-note{
margin-bottom:30px;
color:#555;
}

.footer-copyright{
font-size:12px;
color:#888;
}


.navbar .navbar-brand{
  font-weight:500;
  letter-spacing:0.01em;
}