{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/components/TestimonialsSection/Testimonials.module.css"],"sourcesContent":[".sectionContainer {\r\n  background-color: #ffffff;\r\n  padding: 6rem 1.5rem;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  font-family: system-ui, -apple-system, sans-serif;\r\n}\r\n\r\n/* Luxury Editorial Headings */\r\n.headerArea {\r\n  text-align: center;\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.subTag {\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.35em;\r\n  color: #c5a880;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.mainTitle {\r\n  margin-top: 1rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  line-height: 1.05;\r\n  font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n  font-weight: 900;\r\n  letter-spacing: -0.02em;\r\n  text-transform: uppercase;\r\n  color: #000000;\r\n}\r\n\r\n.titleOutline {\r\n  color: transparent;\r\n  -webkit-text-stroke: 1.5px #000000;\r\n}\r\n\r\n/* Track Area Frame */\r\n.trackViewport {\r\n  width: 100%;\r\n  max-width: 1340px;\r\n  margin: 0 auto;\r\n  overflow: hidden;\r\n  position: relative;\r\n  padding: 2rem 0; /* Extra top/bottom padding so the cards don't get clipped when raised */\r\n}\r\n\r\n/* \r\n  When the track wrapper is hovered, drop the background opacity \r\n  of all cards and dim their internal quote text color\r\n*/\r\n.cardsTrack {\r\n  display: flex;\r\n  gap: 1.5rem;\r\n  width: max-content;\r\n  will-change: transform;\r\n}\r\n\r\n.cardsTrack:hover .cardBox {\r\n  opacity: 0.35;\r\n}\r\n\r\n.cardsTrack:hover .cardBox .quoteText {\r\n  color: #9ca3af; /* Fades out secondary descriptions */\r\n}\r\n\r\n/* Testimonial Fine Box Cards */\r\n.cardBox {\r\n  background-color: #ffffff;\r\n  border: 1px solid #e5e7eb;\r\n  padding: 3.5rem 2.5rem;\r\n  width: 426px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  justify-content: space-between;\r\n  min-height: 400px;\r\n  transform: translateY(0);\r\n  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),\r\n              border-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), \r\n              opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), \r\n              box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n/* \r\n  HOVER STATE:\r\n  Raises the card up (-16px), highlights the border to signature gold, \r\n  restores full visibility text sharpness, and casts an elegant ambient glow shadow.\r\n*/\r\n.cardsTrack .cardBox:hover {\r\n  opacity: 1 !important;\r\n  border-color: #c5a880;\r\n  transform: translateY(-16px);\r\n  box-shadow: 0 30px 60px rgba(197, 168, 128, 0.12);\r\n}\r\n\r\n.cardsTrack .cardBox:hover .quoteText {\r\n  color: #1f2937 !important; /* Highlights and sharpens text focus on hover */\r\n}\r\n\r\n/* Gold Frame Avatar Stamp */\r\n.avatarRing {\r\n  position: relative;\r\n  width: 76px;\r\n  height: 76px;\r\n  border-radius: 50%;\r\n  padding: 3px;\r\n  background: linear-gradient(135deg, #c5a880, #e2d1b9);\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.avatarRing :global(img) {\r\n  border-radius: 50%;\r\n  object-fit: cover;\r\n}\r\n\r\n.quoteText {\r\n  font-size: clamp(14.5px, 1.2vw, 16px);\r\n  line-height: 1.7;\r\n  color: #4b5563;\r\n  font-weight: 300;\r\n  flex-grow: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  margin-bottom: 2.5rem;\r\n  transition: color 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n}\r\n\r\n.roleTag {\r\n  font-size: 11.5px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.15em;\r\n  color: #c5a880;\r\n  text-transform: uppercase;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.starGroup {\r\n  display: flex;\r\n  gap: 0.25rem;\r\n  color: #c5a880;\r\n}\r\n\r\n/* Minimalist Control Toggles */\r\n.controlsRow {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 1rem;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.navButton {\r\n  width: 50px;\r\n  height: 50px;\r\n  border: 1px solid #000000;\r\n  background: transparent;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  color: #000000;\r\n  transition: background-color 0.2s ease, color 0.2s ease;\r\n}\r\n\r\n.navButton:hover {\r\n  background-color: #000000;\r\n  color: #ffffff;\r\n}\r\n\r\n/* ==========================================================================\r\n   RESPONSIVE DESIGN BREAKPOINTS\r\n   ========================================================================= */\r\n@media (max-width: 1024px) {\r\n  .cardBox {\r\n    width: 340px;\r\n    padding: 3rem 2rem;\r\n    min-height: 380px;\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .cardBox {\r\n    width: 290px;\r\n    padding: 2.5rem 1.5rem;\r\n    min-height: 350px;\r\n  }\r\n  .sectionContainer {\r\n    padding: 4rem 1rem;\r\n  }\r\n  .cardsTrack .cardBox:hover {\r\n    transform: translateY(-8px); /* Subtle lift adaptation for smaller displays */\r\n  }\r\n}"],"names":[],"mappings":"AAAA;;;;;;;;AASA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;AAMA;;;;;;;;;AAaA;;;;;;;AAOA;;;;AAIA;;;;AAKA;;;;;;;;;;;;;;;AAuBA;;;;;;;AAOA;;;;AAKA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;;;;;;AAYA;;;;;;;;;AASA;;;;;;AAOA;;;;;;;AAOA;;;;;;;;;;;;;AAaA;;;;;AAQA;EACE;;;;;;;AAOF;EACE;;;;;;EAKA;;;;EAGA"}}]
}