.tm-project-filter-wrapper {
display: flex;
justify-content: center; margin-bottom: 40px;
}
.tm-project-filter {
width: 300px; padding: 12px 28px 12px 16px; font-size: 0.875rem; font-weight: inherit;
font-family: inherit;
color: inherit;
border: none;
outline: none;
border-radius: 8px;
background-color: #fff;
box-shadow: 0 3px 10px rgba(0,0,0,0.08);
cursor: pointer;
text-align: left; line-height: 1.2em; transition: all 0.3s ease;
appearance: auto; }
.tm-project-filter:focus,
.tm-project-filter:active {
box-shadow: 0 5px 15px rgba(0,0,0,0.12);
}
.tm-project-filter option {
padding: 8px 16px; font-size: 0.875rem; font-weight: inherit;
font-family: inherit;
color: inherit;
line-height: 1.2em; } .tm-projects-grid {
display: grid;
gap: 20px;
grid-template-columns: repeat(3, 1fr); }
.tm-project-card {
flex: 0 0 33.3333%;
box-sizing: border-box;
display: block;
background: #fff;
border-radius: 8px;
box-shadow: 0 3px 15px rgba(0,0,0,0.05);
overflow: hidden;
text-decoration: none;
color: inherit;
}
.tm-project-card img {
width: 100%;
height: auto;
aspect-ratio: 4 / 3; object-fit: cover; object-position: center; display: block;
}
.tm-project-card h3 {
margin: 0;
padding: 8px 12px; background: #fff;          
text-align: center;
line-height: 1.2em;
} @media (max-width: 1024px) {
.tm-projects-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
.tm-projects-grid { grid-template-columns: 1fr; } } .tm-single-project {
max-width: 1200px;
margin: 100px auto; padding: 0 20px;
font-family: inherit; } .tm-project-title {
text-align: center;
margin-bottom: 48px;
} .tm-project-row {
display: flex;
gap: 24px;
margin-bottom: 40px;
} .tm-project-left {
flex: 1;
padding: 24px;
}
.tm-project-meta .tm-meta-item {
margin-bottom: 24px;
}
.tm-project-meta h6 {
margin-bottom: 8px;
} .tm-project-right {
flex: 2;
padding: 24px;
}
.tm-project-details h6 {
margin-bottom: 24px;
} .tm-project-content {
line-height: 1.6;
} .tm-project-gallery {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 40px;
} .tm-gallery-item {
position: relative;
overflow: hidden;
background: #000;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
} .tm-gallery-item img,
.tm-gallery-item video,
.tm-gallery-item iframe {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
aspect-ratio: 16 / 10;
border: none;
} .tm-gallery-map iframe {
pointer-events: none;
} @media (max-width: 768px) {
.tm-project-row {
flex-direction: column;
}
.tm-project-left,
.tm-project-right {
padding: 16px;
}
.tm-project-gallery {
grid-template-columns: 1fr;
}
} @media (max-width: 768px) {
.tm-project-gallery {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 16px;
}
.tm-gallery-item,
.tm-gallery-item img {
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 10; }
.tm-gallery-item video,
.tm-gallery-item iframe {
width: 100% !important;
min-height: 180px; aspect-ratio: 16 / 10; }
}