{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/ProjectsSection.css"],"sourcesContent":["/* Projects Section */\r\n.projects-section {\r\n  padding: 40px;\r\n  background-color: var(--color-black);\r\n}\r\n\r\n.projects-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  max-width: 1400px;\r\n  width: 100%;\r\n  margin: 0 auto 50px auto;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.projects-title {\r\n  font-size: var(--font-size-h2);\r\n  font-weight: 700;\r\n  margin: 0;\r\n  color: #fff;\r\n}\r\n\r\n.projects-title .text-primary {\r\n  color: #54b248;\r\n}\r\n\r\n.desktop-only-btn {\r\n  display: flex !important;\r\n}\r\n\r\n.mobile-only-btn-wrapper {\r\n  display: none !important;\r\n}\r\n\r\n.projects-view-all {\r\n  background-color: var(--color-primary);\r\n  color: #fff;\r\n  border: 1.5px solid var(--color-primary);\r\n  padding: 10px 24px;\r\n  border-radius: 50px;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: var(--font-body);\r\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  box-shadow: 0 4px 15px rgba(84, 178, 72, 0.2);\r\n}\r\n\r\n.projects-view-all:hover {\r\n  background-color: transparent;\r\n  color: var(--color-primary);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 25px rgba(84, 178, 72, 0.3);\r\n}\r\n\r\n.projects-grid {\r\n  display: flex;\r\n  gap: 30px;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  overflow-x: auto;\r\n  padding-bottom: 20px;\r\n}\r\n\r\n.projects-grid::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n.project-card {\r\n  flex: 0 0 calc(33.333% - 20px);\r\n  min-width: 340px;\r\n  background-color: rgba(255, 255, 255, 0.05);\r\n  border-radius: 12px;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: visible;\r\n  margin-bottom: 40px;\r\n  transition: all 0.4s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.project-card:hover {\r\n  transform: translateY(-10px);\r\n  border-color: rgba(84, 178, 72, 0.5);\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.project-card-img {\r\n  height: 340px;\r\n  width: 100%;\r\n  background-size: 110%;\r\n  background-position: center;\r\n  border-radius: 12px;\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n}\r\n\r\n.project-card-footer {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  transform: translate(-50%, 50%);\r\n  background-color: rgba(234, 246, 229, 0.95);\r\n  backdrop-filter: blur(8px);\r\n  color: #54b248;\r\n  border: 2px solid #54b248;\r\n  padding: 12px 24px;\r\n  text-align: center;\r\n  font-weight: 700;\r\n  font-size: 20px;\r\n  border-radius: 10px;\r\n  z-index: 5;\r\n  box-shadow: 0 10px 30px rgba(84, 178, 72, 0.25);\r\n  transition: all 0.3s ease;\r\n  min-width: 260px;\r\n  max-width: 90%;\r\n  line-height: 1.2;\r\n}\r\n\r\n.project-card:hover .project-card-footer {\r\n  background-color: #54b248;\r\n  color: #fff;\r\n  transform: translate(-50%, 40%) scale(1.05);\r\n  box-shadow: 0 15px 35px rgba(84, 178, 72, 0.4);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 768px) {\r\n  .projects-section {\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .projects-header {\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    align-items: center;\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n    padding: 0;\r\n  }\r\n\r\n  .projects-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .projects-grid {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    overflow-x: visible;\r\n  }\r\n\r\n  .project-card {\r\n    min-width: 100%;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .project-card-img {\r\n    height: 300px;\r\n  }\r\n\r\n  .desktop-only-btn {\r\n    display: none !important;\r\n  }\r\n\r\n  .mobile-only-btn-wrapper {\r\n    display: flex !important;\r\n    justify-content: center;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":"AACA;;;;;AAKA;;;;;;;;;;;AAWA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;AAOA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;;;;;;AAeA;;;;;;AAMA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;AAsBA;;;;;;;AAQA;EACE;;;;EAIA;;;;;;;;;EASA;;;;EAIA;;;;;;EAMA;;;;;;;EAOA;;;;EAIA;;;;EAIA"}}]
}