/* TC Projects v3 — aligned with site gutters and green title */

/* CHANGE THESE to match your site if needed */
:root{
  --tc-gutter-desktop: 40px;
  --tc-gutter-tablet: 20px;
  --tc-gutter-mobile: 15px;
  --tc-accent: #6E7A3A; /* title green */
}

/* Clamp with gutters so it lines up with header/menu */
.tc-project .tc-wrap{
  max-width: 1280px;
  margin: 0 auto;
  padding-left: var(--tc-gutter-desktop);
  padding-right: var(--tc-gutter-desktop);
}

/* Heading */
.tc-project .tc-heading{ padding: 56px 0 24px; }
.tc-project .tc-heading h1{
  color: var(--tc-accent);
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  font-size: clamp(28px, 3.2vw, 44px);
}

/* Carousel */
.tc-project .tc-carousel{ padding: 8px 0 16px; }
.tc-project .tc-carousel .swiper{ width: 100%; height: auto; }
.tc-project .tc-carousel .swiper-slide img{ width: 100%; height: auto; display: block; border-radius: 4px; }
.tc-project .tc-carousel .swiper-button-prev,
.tc-project .tc-carousel .swiper-button-next{ color:#333; }
.tc-project .tc-carousel .swiper-pagination{ position: static; margin-top: 10px; }

/* Description */
.tc-project .tc-desc{ padding: 16px 0 28px; color:#222; line-height:1.7; font-size:16px; }
.tc-project .tc-desc p{ margin: 0 0 16px; }

/* Prev/Next */
.tc-project .tc-nav-links{ padding: 24px 0 60px; display:flex; justify-content:space-between; gap:16px; }
.tc-project .tc-nav-links a{ color: var(--tc-accent); text-decoration:none; font-weight:600; }
.tc-project .tc-nav-links a:hover{ text-decoration:underline; }

/* Responsive gutters */
@media (max-width: 1024px){
  .tc-project .tc-wrap{ padding-left: var(--tc-gutter-tablet); padding-right: var(--tc-gutter-tablet); }
  .tc-project .tc-heading{ padding: 40px 0 16px; }
  .tc-project .tc-nav-links{ padding-bottom:48px; }
}
@media (max-width: 767px){
  .tc-project .tc-wrap{ padding-left: var(--tc-gutter-mobile); padding-right: var(--tc-gutter-mobile); }
  .tc-project .tc-heading{ padding: 28px 0 12px; }
}