body {
min-height: 100dvh;
background: #FCFCFC;
color: #080807;
} .contact-header .pages a::after {
background: #080807;
}
.contact-header .form_button {
background: #080807;
color: #FCFCFC;
}
.contact-header .form_button:hover {
background: #080807;
}
.contact-header .burger-menu span {
background: #080807;
}
.logo-link {
display: inline-block;
} .projects-section {
padding: 80px 0 40px 0;
}  .gallery {
display: flex;
flex-wrap: wrap;
gap: 30px;
} .image_block {
flex: 1 1 calc(50% - 15px);
max-width: calc(50% - 15px);
}
.image-link {
position: relative;
display: inline-block;
overflow: hidden;
width: 100%;
} .image-link img {
display: block;
width: 100%;
height: 400px; object-fit: cover; transition: transform 0.4s ease;
} .image-link .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0); display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: background 0.3s ease, opacity 0.3s ease;
pointer-events: none; } .image-link .title {
font-family: Inter;
color: #EBEBEB;;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.5px;
opacity: 0;
transform: translateY(15px);
transition: opacity 0.3s ease, transform 0.3s ease;
text-align: center;
padding: 0 10px;
} .image-link:hover img {
transform: scale(1.05);
}
.image-link:hover .overlay {
background: rgba(0, 0, 0, 0.65);
opacity: 1;
}
.image-link:hover .title {
opacity: 1;
transform: translateY(0);
}
.under_text {
display: none;
} @media (max-width: 768px) {
.gallery {
flex-direction: column;
}
.image_block {
max-width: 100%;
} .image-link img {
height: 250px;
}
.under_text {
display: flex;
padding-bottom: 40px;
justify-content: space-between;
color: #8B8A77;
font-size: 13px;
letter-spacing: 0.66px;
width: 100%;
}
.under_text > div:first-child {
flex: 1;
line-height: 1.4;
}
.under_bold {
color: #575644;
font-weight: 700;
}
.project-title-block {
display: inline-block;
white-space: nowrap;
word-break: keep-all;
}
.space-before,
.project-separator,
.space-after {
display: inline;
white-space: pre;
}
.project-type-block {
display: inline-block;
white-space: nowrap;
word-break: keep-all;
}
}