{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["file:///D:/next%20project/quality-collection/src/components/AboutPage/HeritageShowcase/HeritageShowcase.module.css"],"sourcesContent":[".collage {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 3rem;\r\n  align-items: center;\r\n  width: 100%;\r\n}\r\n\r\n.card {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 380px;\r\n  will-change: transform;\r\n}\r\n\r\n/* ─── Small tablet: 2 columns staggered ─── */\r\n@media (min-width: 640px) {\r\n  .collage {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 3rem 2rem;\r\n    align-items: start;\r\n  }\r\n\r\n  .card {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .card:nth-child(2n) {\r\n    margin-top: 4rem;\r\n  }\r\n}\r\n\r\n/* ─── Tablet: 3 columns ─── */\r\n@media (min-width: 768px) {\r\n  .collage {\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 3.5rem 2rem;\r\n  }\r\n\r\n  .card:nth-child(1) { margin-top: 0; }\r\n  .card:nth-child(2) { margin-top: 3rem; }\r\n  .card:nth-child(3) { margin-top: 6rem; }\r\n  .card:nth-child(4) { margin-top: 1rem; }\r\n  .card:nth-child(5) { margin-top: 4rem; }\r\n}\r\n\r\n/* ─── Desktop: precise 12-column grid ─── */\r\n@media (min-width: 1024px) {\r\n  .collage {\r\n    display: grid;\r\n    grid-template-columns: repeat(12, 1fr);\r\n    grid-auto-rows: 200px;\r\n    gap: 1.5rem;\r\n    align-items: start;\r\n  }\r\n\r\n  .card {\r\n    max-width: none;\r\n    margin-top: 0 !important;\r\n    grid-column: var(--col-start) / span var(--col-span);\r\n    grid-row: var(--row-start) / span var(--row-span);\r\n    transform: translateY(var(--offset-y, 0));\r\n  }\r\n\r\n  .card > div:first-child {\r\n    height: auto; /* let aspect-ratio dictate height */\r\n    width: 100%;\r\n    aspect-ratio: var(--aspect-ratio);\r\n  }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n  .collage {\r\n    grid-auto-rows: 240px;\r\n    gap: 2rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 1536px) {\r\n  .collage {\r\n    grid-auto-rows: 280px;\r\n    gap: 2.5rem;\r\n  }\r\n}"],"names":[],"mappings":"AAAA;;;;;;;;AAQA;;;;;;;AAQA;EACE;;;;;;;EAOA;;;;EAIA;;;;;AAMF;EACE;;;;;EAKA;;;;EACA;;;;EACA;;;;EACA;;;;EACA;;;;;AAIF;EACE;;;;;;;;EAQA;;;;;;;;EAQA;;;;;;;AAOF;EACE;;;;;;AAMF;EACE"}},
    {"offset": {"line": 99, "column": 0}, "map": {"version":3,"sources":["file:///D:/next%20project/quality-collection/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"}},
    {"offset": {"line": 279, "column": 0}, "map": {"version":3,"sources":["file:///D:/next%20project/quality-collection/src/components/Footer/Footer.module.css"],"sourcesContent":[".footerWrapper {\r\n  /* Back to clean, premium solid white background */\r\n  background-color: #ffffff;\r\n  padding: 5rem 1.5rem 3rem 1.5rem;\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  font-family: system-ui, -apple-system, sans-serif;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n/* Brand Identity Header Block */\r\n.brandBlock {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  margin-bottom: 2.5rem;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n.logoHeading {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  font-size: 28px;\r\n  font-weight: 900;\r\n  letter-spacing: 0.18em;\r\n  color: #000000;\r\n  text-transform: uppercase;\r\n  margin-bottom: 1.25rem;\r\n}\r\n\r\n.logoSquare {\r\n  width: 26px;\r\n  height: 26px;\r\n  background-color: #000000;\r\n  border-radius: 6px;\r\n}\r\n\r\n/* Sub-identity tag lists */\r\n.subTagsRow {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 1.5rem;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.subTagItem {\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n  letter-spacing: 0.22em;\r\n  color: #71717a;\r\n  text-transform: uppercase;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n}\r\n\r\n.subTagItem::before {\r\n  content: \"•\";\r\n  color: #a1a1aa;\r\n  font-size: 10px;\r\n}\r\n\r\n/* Horizontal Partition line */\r\n.divider {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  border: none;\r\n  border-top: 1px solid #e4e4e7;\r\n  margin-bottom: 3.5rem;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n/* Primary Navigation links */\r\n.navLinksRow {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  column-gap: 4rem;\r\n  row-gap: 1.5rem;\r\n  margin-bottom: 4rem;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n.navLink {\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  color: #000000;\r\n  text-decoration: none;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.navLink:hover {\r\n  color: #71717a;\r\n}\r\n\r\n/* Social Icon Blocks */\r\n.socialRow {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 1.5rem;\r\n  margin-bottom: 6rem;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n.iconSquare {\r\n  width: 36px;\r\n  height: 36px;\r\n  background-color: #000000;\r\n  color: #ffffff;\r\n  border-radius: 6px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-decoration: none;\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.iconSquare:hover {\r\n  background-color: #27272a;\r\n}\r\n\r\n/* Big Muted Faint Gray Watermark Background Layout Effect */\r\n.watermark {\r\n  position: absolute;\r\n  bottom: 2.5rem;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  font-size: 8vw; \r\n  font-weight: 900;\r\n  /* Faint premium gray blend for the white background style */\r\n  color: rgba(0, 0, 0, 0.03); \r\n  white-space: nowrap;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  z-index: 1;\r\n}\r\n\r\n/* Bottom Footer Links Row styling */\r\n.bottomMetaArea {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 1rem;\r\n  position: relative;\r\n  z-index: 10;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.legalRow {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  color: #52525b;\r\n}\r\n\r\n.legalLink {\r\n  color: #52525b;\r\n  text-decoration: none;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.legalLink:hover {\r\n  color: #000000;\r\n}\r\n\r\n.legalPipe {\r\n  color: #d4d4d8;\r\n}\r\n\r\n.copyright {\r\n  font-size: 13.5px;\r\n  font-weight: 400;\r\n  color: #71717a;\r\n}\r\n\r\n/* ==========================================================================\r\n   RESPONSIVE BREAKPOINT SCALING\r\n   ========================================================================== */\r\n@media (max-width: 768px) {\r\n  .navLinksRow {\r\n    column-gap: 2.5rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .logoHeading {\r\n    font-size: 22px;\r\n  }\r\n  .navLinksRow {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 1.25rem;\r\n  }\r\n  .legalRow {\r\n    flex-direction: column;\r\n    gap: 0.5rem;\r\n  }\r\n  .legalPipe {\r\n    display: none;\r\n  }\r\n}"],"names":[],"mappings":"AAAA;;;;;;;;;;;;AAcA;;;;;;;;;AASA;;;;;;;;;;;;AAYA;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;;;;;;;AAWA;;;;;;AAOA;;;;;;;;;;AAWA;;;;;;;;;;;AAYA;;;;;;;;AAQA;;;;AAKA;;;;;;;;;AASA;;;;;;;;;;;;;AAaA;;;;AAKA;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;;AAYA;;;;;;;;;;AAUA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;;;AASA;EACE;;;;;AAKF;EACE;;;;EAGA;;;;;;EAKA;;;;;EAIA"}}]
}