/* HERO IMAGE */

.project-hero img{
width:100%;
height:85vh;
object-fit:cover;
}


/* PROJECT META INFO */

.project-meta{
margin-top:60px;
margin-bottom:40px;
font-size:0.9rem;
color:#6c757d;
}

ul {
color: #003049;
}

li {
margin-bottom:3px;
font-family: "roboto", sans-serif;
font-size: 18px;
}

/* MATTO Link */
.mattolink:link {
text-decoration: none;
color: #003049;
font-family: "roboto", sans-serif;
}
.mattolink:hover {
    color:#a1c181;;
}

/* SECTION SPACING */

.project-section{
margin-top:80px;
margin-bottom:80px;
}


/* HEADINGS */

.project-section h2{
font-size:1.8rem;
font-weight:600;
}


/* GALLERY */

.project-gallery{
margin-top:100px;
margin-bottom:100px;
}


.gallery-title{
margin-bottom:40px;
font-size:1.8rem;
font-weight:600;
}


/* IMAGES */
img {
    border-radius: 10px;
}

img:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease;
    cursor: url("../CursorIcons/pointer.png"), pointer;
}
.gallery-img{
border-radius:10px;
transition:transform .3s ease;
}

.gallery-img:hover{
transform:scale(1.02);
}

.project-divider{
  margin: 120px auto 80px;
  border: 0;
  border-top: 1px solid #a1c181;
  opacity: 1;
  width: 100%;
}

.more-projects-section{
  padding-bottom: 120px;
}

.more-projects-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  gap: 20px;
  flex-wrap: wrap;
}

.more-projects-title{
  font-size: 2rem;
  margin: 0;
}

.more-projects-nav{
  display: flex;
  gap: 12px;
}

.slider-arrow{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1.5px solid #003049;
  background: transparent;
  color: #003049;
  font-size: 1.25rem;
  transition: all 0.3s ease;
}

.slider-arrow:hover{
  background-color: #003049;
  color: #fff;
  transform: translateY(-2px);
}

.projects-slider{
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 10px;
  scrollbar-width: none;
}

.projects-slider::-webkit-scrollbar{
  display: none;
}

.project-card-slide{
  flex: 0 0 32%;
  min-width: 320px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.35s ease;
}

.project-card-slide:hover{
  transform: translateY(-8px);
}

.project-card-image-wrap{
  overflow: hidden;
  border-radius: 18px;
  margin-bottom: 16px;
}

.project-card-image-wrap img{
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.project-card-slide:hover .project-card-image-wrap img{
  transform: scale(1.04);
}

.project-card-copy{
  padding-right: 10px;
}

.project-card-tag{
  font-size: 0.85rem;
  margin-bottom: 6px;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.project-card-copy h3{
  font-size: 1.2rem;
  margin: 0;
  line-height: 1.3;
}

@media (max-width: 991px){
  .project-card-slide{
    flex: 0 0 48%;
  }

  .project-card-image-wrap img{
    height: 340px;
  }
}

@media (max-width: 767px){
  .more-projects-header{
    align-items: flex-start;
  }

  .project-card-slide{
    flex: 0 0 85%;
    min-width: 260px;
  }

  .project-card-image-wrap img{
    height: 300px;
  }

  .slider-arrow{
    width: 46px;
    height: 46px;
  }
}

/* larger screens */
@media (min-width:992px){
.project-section{
margin-top:100px;
}
}

/* Massimo colors */

.color-system{
margin:30px 0;
}


.color-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
gap:20px;
}

/* card */

.color-card{
cursor:pointer;
border-radius:14px;
overflow:hidden;
transition:transform .3s ease, box-shadow .3s ease;
}

.color-card:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

/* swatch */

.color-swatch{
height:140px;
width:100%;
}

/* hex code */

.color-code{
text-align:center;
padding:12px;
font-weight:500;
letter-spacing:1px;
background:#fff;
margin:0;
transition:all .3s ease;
}

/* hover effect */

.color-card:hover .color-code{
background:#003049;
color:#fff;
}

/* copy feedback */

.copy-feedback{
margin-top:20px;
font-size:0.9rem;
color:#666;
height:20px;
}