{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["file:///D:/next%20project/quality-collection/src/components/ChapterStackSection/ChapterSection.module.css"],"sourcesContent":[".scrollWrapper {\r\n  width: 100%;\r\n  position: relative;\r\n  background: #000;\r\n}\r\n\r\n.stickyPanel {\r\n  position: sticky;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n  background: #000;\r\n}\r\n\r\n.backgroundVideoContainer {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 1;\r\n}\r\n\r\n.backgroundVideoContainer::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(\r\n      to right,\r\n      rgba(0,0,0,.65),\r\n      rgba(0,0,0,.25),\r\n      rgba(0,0,0,.65)\r\n    );\r\n}\r\n\r\n.contentContainer {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  max-width: 1600px;\r\n  margin: 0 auto;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  padding-inline: 8vw;\r\n}\r\n\r\n.alignLeft {\r\n  justify-content: flex-start;\r\n}\r\n\r\n.alignRight {\r\n  justify-content: flex-end;\r\n}\r\n\r\n.textBlock {\r\n  width: min(720px, 48vw);\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  color: #fff;\r\n}\r\n\r\n.chapterTag {\r\n  display: inline-block;\r\n\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 0.4em;\r\n\r\n  color: #c9a76d;\r\n\r\n  text-transform: uppercase;\r\n\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.headlineGroup {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  font-size: clamp(5rem, 8vw, 9rem);\r\n\r\n  line-height: 0.85;\r\n\r\n  font-weight: 900;\r\n\r\n  letter-spacing: -0.05em;\r\n\r\n  text-transform: uppercase;\r\n}\r\n\r\n.headlineSolid {\r\n  color: #ffffff;\r\n}\r\n\r\n.headlineOutline {\r\n  color: transparent;\r\n  -webkit-text-stroke: 2px #ffffff;\r\n}\r\n\r\n.descriptionText {\r\n  margin-top: 48px;\r\n\r\n  font-size: 24px;\r\n\r\n  line-height: 1.8;\r\n\r\n  font-weight: 300;\r\n\r\n  color: rgba(255,255,255,.92);\r\n\r\n  max-width: 620px;\r\n}\r\n\r\n@media (max-width: 1280px) {\r\n  .headlineGroup {\r\n    font-size: clamp(4rem, 9vw, 7rem);\r\n  }\r\n\r\n  .descriptionText {\r\n    font-size: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .contentContainer {\r\n    justify-content: center;\r\n    padding-inline: 60px;\r\n  }\r\n\r\n  .alignLeft,\r\n  .alignRight {\r\n    justify-content: center;\r\n  }\r\n\r\n  .textBlock {\r\n    width: 100%;\r\n    max-width: 760px;\r\n  }\r\n\r\n  .headlineGroup {\r\n    font-size: clamp(4rem, 10vw, 6rem);\r\n  }\r\n\r\n  .descriptionText {\r\n    font-size: 18px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .contentContainer {\r\n    padding-inline: 24px;\r\n  }\r\n\r\n  .chapterTag {\r\n    font-size: 14px;\r\n    letter-spacing: 0.25em;\r\n  }\r\n\r\n  .headlineGroup {\r\n    font-size: clamp(3rem, 13vw, 4.5rem);\r\n    line-height: 0.9;\r\n  }\r\n\r\n  .descriptionText {\r\n    margin-top: 28px;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n  }\r\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;;;;AASA;;;;;;AAMA;;;;;;;AAaA;;;;;;;;;;;;AAgBA;;;;AAIA;;;;AAIA;;;;;;;AASA;;;;;;;;;;AAeA;;;;;;;;;;AAeA;;;;AAIA;;;;;AAKA;;;;;;;;;AAcA;EACE;;;;EAIA;;;;;AAKF;EACE;;;;;EAKA;;;;EAKA;;;;;EAKA;;;;EAIA;;;;;AAKF;EACE;;;;EAIA;;;;;EAKA;;;;;EAKA"}},
    {"offset": {"line": 151, "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": 331, "column": 0}, "map": {"version":3,"sources":["file:///D:/next%20project/quality-collection/src/components/ContactSection/ContactSection.module.css"],"sourcesContent":["/* ============================================================================\r\n   The Quality Collection Private Limited — Premium Contact Section\r\n   Theme: Ivory / Warm Light / Antique Gold\r\n   ============================================================================ */\r\n\r\n.section {\r\n  /* ── Palette ─────────────────────────────────────────────── */\r\n  --gold-900: #6E5228;\r\n  --gold-700: #91713F;\r\n  --gold-600: #A9884F;\r\n  --gold-500: #C0A06A;\r\n  --gold-400: #D3BB93;\r\n  --gold-200: #EADCC4;\r\n  --gold-100: #F4EBDC;\r\n  --gold-050: #FBF7F1;\r\n\r\n  --ink-900: #17130F;\r\n  --ink-800: #241E18;\r\n  --ink-600: #524A40;\r\n  --ink-500: #6E655A;\r\n  --ink-400: #93897C;\r\n  --ink-300: #B6ADA1;\r\n\r\n  --paper: #FFFFFF;\r\n  --paper-2: #FDFBF8;\r\n  --canvas: #F6F2EB;\r\n\r\n  --line: rgba(23, 19, 15, 0.08);\r\n  --line-2: rgba(23, 19, 15, 0.06);\r\n  --line-gold: rgba(169, 136, 79, 0.24);\r\n\r\n  --danger: #B3392C;\r\n  --danger-line: rgba(179, 57, 44, 0.45);\r\n  --danger-ring: rgba(179, 57, 44, 0.09);\r\n\r\n  /* ── Shape ───────────────────────────────────────────────── */\r\n  --r-xl: 30px;\r\n  --r-lg: 20px;\r\n  --r-md: 13px;\r\n  --r-sm: 8px;\r\n\r\n  /* ── Elevation ───────────────────────────────────────────── */\r\n  --shadow-card:\r\n    0 1px 1px rgba(23, 19, 15, 0.03),\r\n    0 10px 26px -14px rgba(23, 19, 15, 0.12),\r\n    0 46px 90px -44px rgba(110, 82, 40, 0.28);\r\n\r\n  --shadow-soft:\r\n    0 1px 2px rgba(23, 19, 15, 0.04),\r\n    0 6px 18px -10px rgba(23, 19, 15, 0.10);\r\n\r\n  --ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  isolation: isolate;\r\n  background: var(--canvas);\r\n  color: var(--ink-800);\r\n  font-family: var(--font-display, system-ui, -apple-system, sans-serif);\r\n  padding: clamp(3.5rem, 8vw, 7.5rem) clamp(1rem, 4vw, 3rem);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n/* ── Ambient background layers ─────────────────────────────── */\r\n\r\n.bgLayer {\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  z-index: -1;\r\n}\r\n\r\n.bgGlowA,\r\n.bgGlowB {\r\n  position: absolute;\r\n  border-radius: 9999px;\r\n  filter: blur(90px);\r\n}\r\n\r\n.bgGlowA {\r\n  top: -12%;\r\n  left: -6%;\r\n  width: min(46vw, 620px);\r\n  height: min(46vw, 620px);\r\n  background: radial-gradient(circle, rgba(192, 160, 106, 0.24), transparent 68%);\r\n}\r\n\r\n.bgGlowB {\r\n  bottom: -18%;\r\n  right: -8%;\r\n  width: min(40vw, 540px);\r\n  height: min(40vw, 540px);\r\n  background: radial-gradient(circle, rgba(214, 197, 170, 0.32), transparent 70%);\r\n}\r\n\r\n/* Fine engraved grid */\r\n.bgGrid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(23, 19, 15, 0.028) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(23, 19, 15, 0.028) 1px, transparent 1px);\r\n  background-size: 72px 72px;\r\n  mask-image: radial-gradient(ellipse 90% 70% at 50% 40%, #000 25%, transparent 78%);\r\n  -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 40%, #000 25%, transparent 78%);\r\n}\r\n\r\n/* Paper grain */\r\n.bgGrain {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: 0.5;\r\n  mix-blend-mode: multiply;\r\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E\");\r\n}\r\n\r\n/* ── Layout ────────────────────────────────────────────────── */\r\n\r\n.shell {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 1280px;\r\n}\r\n\r\n.grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: clamp(2.5rem, 5vw, 4.5rem);\r\n  align-items: start;\r\n}\r\n\r\n/* ============================================================\r\n   LEFT COLUMN — Editorial\r\n   ============================================================ */\r\n\r\n.left {\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding-top: clamp(0rem, 1vw, 1.25rem);\r\n}\r\n\r\n/* Eyebrow badge */\r\n.badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.6rem;\r\n  align-self: flex-start;\r\n  padding: 0.45rem 0.95rem 0.45rem 0.45rem;\r\n  border-radius: 999px;\r\n  background: linear-gradient(180deg, #FFFFFF, var(--gold-050));\r\n  border: 1px solid var(--line-gold);\r\n  box-shadow: var(--shadow-soft);\r\n  font-size: 0.68rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  color: var(--gold-900);\r\n  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);\r\n}\r\n\r\n.badgeMark {\r\n  display: grid;\r\n  place-items: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(145deg, var(--ink-900), #3A2F22);\r\n  color: var(--gold-400);\r\n  font-size: 0.5rem;\r\n  font-weight: 900;\r\n  letter-spacing: -0.02em;\r\n  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);\r\n}\r\n\r\n/* Heading */\r\n.heading {\r\n  font-size: clamp(2.15rem, 5.2vw, 3.9rem);\r\n  font-weight: 300;\r\n  line-height: 1.07;\r\n  letter-spacing: -0.025em;\r\n  color: var(--ink-900);\r\n  margin: 0 0 clamp(1.25rem, 2.5vw, 1.75rem);\r\n}\r\n\r\n.heading strong {\r\n  display: block;\r\n  font-weight: 600;\r\n}\r\n\r\n/* Serif italic accent — the luxury signature */\r\n.headingAccent {\r\n  display: block;\r\n  font-family: \"Cormorant Garamond\", \"Playfair Display\", Georgia, \"Times New Roman\", serif;\r\n  font-style: italic;\r\n  font-weight: 500;\r\n  letter-spacing: -0.01em;\r\n  background: linear-gradient(100deg, var(--gold-700) 8%, var(--gold-500) 46%, var(--gold-900) 92%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n/* Ornamental rule */\r\n.rule {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.7rem;\r\n  margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);\r\n}\r\n\r\n.ruleLine {\r\n  height: 1px;\r\n  width: 58px;\r\n  background: linear-gradient(90deg, var(--gold-500), rgba(192, 160, 106, 0));\r\n}\r\n\r\n.ruleDot {\r\n  width: 5px;\r\n  height: 5px;\r\n  rotate: 45deg;\r\n  background: var(--gold-500);\r\n}\r\n\r\n.lede {\r\n  font-size: clamp(0.9rem, 1.15vw, 1rem);\r\n  line-height: 1.8;\r\n  color: var(--ink-500);\r\n  max-width: 44ch;\r\n  margin: 0 0 clamp(2.25rem, 4vw, 3rem);\r\n}\r\n\r\n/* ── Contact list ──────────────────────────────────────────── */\r\n\r\n.infoList {\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-top: 1px solid var(--line-2);\r\n}\r\n\r\n.infoItem {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: clamp(0.9rem, 2vw, 1.15rem);\r\n  padding: clamp(1.15rem, 2.4vw, 1.5rem) 0;\r\n  border-bottom: 1px solid var(--line-2);\r\n}\r\n\r\n.infoIcon {\r\n  position: relative;\r\n  display: grid;\r\n  place-items: center;\r\n  flex-shrink: 0;\r\n  width: 46px;\r\n  height: 46px;\r\n  border-radius: 999px;\r\n  color: var(--gold-700);\r\n  background: linear-gradient(180deg, #FFFFFF, var(--gold-050));\r\n  border: 1px solid var(--line-gold);\r\n  box-shadow:\r\n    inset 0 1px 0 #fff,\r\n    0 4px 12px -6px rgba(110, 82, 40, 0.35);\r\n  transition: transform 0.45s var(--ease), box-shadow 0.45s var(--ease);\r\n}\r\n\r\n.infoItem:hover .infoIcon {\r\n  transform: translateY(-2px);\r\n  box-shadow:\r\n    inset 0 1px 0 #fff,\r\n    0 10px 22px -10px rgba(110, 82, 40, 0.5);\r\n}\r\n\r\n.infoLabel {\r\n  font-size: 0.62rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--gold-700);\r\n  margin: 0 0 0.5rem;\r\n}\r\n\r\n.infoBody {\r\n  font-size: 0.875rem;\r\n  line-height: 1.7;\r\n  color: var(--ink-600);\r\n  font-style: normal;\r\n  margin: 0;\r\n}\r\n\r\n.mailStack {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.2rem;\r\n}\r\n\r\n.mailLink {\r\n  position: relative;\r\n  align-self: flex-start;\r\n  font-size: 0.875rem;\r\n  color: var(--ink-600);\r\n  text-decoration: none;\r\n  transition: color 0.25s var(--ease);\r\n  word-break: break-word;\r\n}\r\n\r\n.mailLink::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: -1px;\r\n  width: 100%;\r\n  height: 1px;\r\n  background: var(--gold-600);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s var(--ease);\r\n}\r\n\r\n.mailLink:hover {\r\n  color: var(--gold-900);\r\n}\r\n\r\n.mailLink:hover::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n/* ============================================================\r\n   RIGHT COLUMN — Form Card\r\n   ============================================================ */\r\n\r\n.card {\r\n  position: relative;\r\n  border-radius: var(--r-xl);\r\n  background:\r\n    linear-gradient(180deg, #FFFFFF 0%, var(--paper-2) 100%);\r\n  border: 1px solid var(--line);\r\n  box-shadow: var(--shadow-card);\r\n  padding: clamp(1.5rem, 4vw, 3rem);\r\n  overflow: hidden;\r\n}\r\n\r\n/* Gold hairline across the top */\r\n.cardTopline {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 12%;\r\n  right: 12%;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, var(--gold-500), transparent);\r\n}\r\n\r\n/* Corner filigree */\r\n.cardCorner {\r\n  position: absolute;\r\n  top: 18px;\r\n  right: 18px;\r\n  width: 62px;\r\n  height: 62px;\r\n  border-top: 1px solid var(--line-gold);\r\n  border-right: 1px solid var(--line-gold);\r\n  border-top-right-radius: 18px;\r\n  pointer-events: none;\r\n}\r\n\r\n.cardHeader {\r\n  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);\r\n}\r\n\r\n.cardKicker {\r\n  display: block;\r\n  font-size: 0.62rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--gold-700);\r\n  margin-bottom: 0.55rem;\r\n}\r\n\r\n.cardTitle {\r\n  font-size: clamp(1.25rem, 2.2vw, 1.6rem);\r\n  font-weight: 500;\r\n  letter-spacing: -0.015em;\r\n  color: var(--ink-900);\r\n  margin: 0;\r\n}\r\n\r\n/* ── Form ──────────────────────────────────────────────────── */\r\n\r\n.form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: clamp(1rem, 2vw, 1.3rem);\r\n}\r\n\r\n.row {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: clamp(1rem, 2vw, 1.3rem);\r\n}\r\n\r\n/* ── Field primitives (shared with FormField.tsx) ──────────── */\r\n\r\n.field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.5rem;\r\n  min-width: 0;\r\n}\r\n\r\n.label {\r\n  font-size: 0.62rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  color: var(--ink-500);\r\n  transition: color 0.25s var(--ease);\r\n}\r\n\r\n.field:focus-within .label {\r\n  color: var(--gold-700);\r\n}\r\n\r\n.req {\r\n  color: var(--gold-600);\r\n  margin-left: 2px;\r\n}\r\n\r\n.optional {\r\n  margin-left: 0.45rem;\r\n  font-size: 0.6rem;\r\n  font-weight: 500;\r\n  letter-spacing: 0.04em;\r\n  text-transform: none;\r\n  color: var(--ink-300);\r\n}\r\n\r\n.control {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  font: inherit;\r\n  font-size: 0.875rem;\r\n  color: var(--ink-900);\r\n  background: var(--paper-2);\r\n  border: 1px solid var(--line);\r\n  border-radius: var(--r-md);\r\n  padding: 0.85rem 1rem;\r\n  outline: none;\r\n  box-shadow: inset 0 1px 2px rgba(23, 19, 15, 0.03);\r\n  transition:\r\n    border-color 0.25s var(--ease),\r\n    background-color 0.25s var(--ease),\r\n    box-shadow 0.25s var(--ease);\r\n}\r\n\r\n.control::placeholder {\r\n  color: var(--ink-300);\r\n}\r\n\r\n.control:hover:not(:focus) {\r\n  border-color: rgba(23, 19, 15, 0.16);\r\n  background: #FFFFFF;\r\n}\r\n\r\n.control:focus {\r\n  background: #FFFFFF;\r\n  border-color: var(--gold-500);\r\n  box-shadow:\r\n    0 0 0 4px rgba(192, 160, 106, 0.13),\r\n    inset 0 1px 2px rgba(23, 19, 15, 0.02);\r\n}\r\n\r\n.control:disabled {\r\n  opacity: 0.55;\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* Error state */\r\n.controlError {\r\n  border-color: var(--danger-line);\r\n  background: rgba(179, 57, 44, 0.025);\r\n}\r\n\r\n.controlError:focus {\r\n  border-color: var(--danger);\r\n  box-shadow: 0 0 0 4px var(--danger-ring);\r\n}\r\n\r\n/* Select */\r\n.select {\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  cursor: pointer;\r\n  padding-right: 2.75rem;\r\n  background-image: url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9884F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 1rem center;\r\n  background-size: 15px;\r\n}\r\n\r\n.select option {\r\n  background: #FFFFFF;\r\n  color: var(--ink-900);\r\n}\r\n\r\n.select option:disabled {\r\n  color: var(--ink-300);\r\n}\r\n\r\n/* Textarea */\r\n.textarea {\r\n  min-height: 128px;\r\n  resize: vertical;\r\n  line-height: 1.7;\r\n  scrollbar-width: thin;\r\n  scrollbar-color: var(--gold-300) transparent;\r\n}\r\n\r\n.textarea::-webkit-scrollbar {\r\n  width: 6px;\r\n}\r\n\r\n.textarea::-webkit-scrollbar-thumb {\r\n  background: var(--gold-300);\r\n  border-radius: 999px;\r\n}\r\n\r\n/* Inline error message */\r\n.errorMsg {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.4rem;\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.005em;\r\n  color: var(--danger);\r\n}\r\n\r\n/* ============================================================\r\n   FILE UPLOAD\r\n   ============================================================ */\r\n\r\n.dropzone {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.85rem;\r\n  text-align: center;\r\n  padding: clamp(1.4rem, 4vw, 2.1rem) 1.25rem;\r\n  border-radius: var(--r-lg);\r\n  border: 1.5px dashed var(--line-gold);\r\n  background:\r\n    linear-gradient(180deg, rgba(251, 247, 241, 0.7), rgba(255, 255, 255, 0.4));\r\n  cursor: pointer;\r\n  outline: none;\r\n  transition:\r\n    border-color 0.3s var(--ease),\r\n    background-color 0.3s var(--ease),\r\n    transform 0.3s var(--ease);\r\n}\r\n\r\n.dropzone:hover {\r\n  border-color: var(--gold-500);\r\n  background: var(--gold-050);\r\n}\r\n\r\n.dropzone:focus-visible {\r\n  border-color: var(--gold-600);\r\n  box-shadow: 0 0 0 4px rgba(192, 160, 106, 0.15);\r\n}\r\n\r\n.dropzoneActive {\r\n  border-color: var(--gold-600);\r\n  border-style: solid;\r\n  background: var(--gold-100);\r\n  transform: scale(1.005);\r\n}\r\n\r\n.dropzoneError {\r\n  border-color: var(--danger-line);\r\n  background: rgba(179, 57, 44, 0.03);\r\n}\r\n\r\n.dropIcon {\r\n  display: grid;\r\n  place-items: center;\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 999px;\r\n  color: var(--gold-700);\r\n  background: #FFFFFF;\r\n  border: 1px solid var(--line-gold);\r\n  box-shadow: 0 6px 16px -8px rgba(110, 82, 40, 0.45);\r\n}\r\n\r\n.dropTitle {\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  color: var(--ink-800);\r\n  margin: 0;\r\n}\r\n\r\n.dropHint {\r\n  font-size: 0.7rem;\r\n  letter-spacing: 0.03em;\r\n  color: var(--ink-400);\r\n  margin: 0.3rem 0 0;\r\n}\r\n\r\n/* Preview */\r\n.preview {\r\n  position: relative;\r\n  border-radius: var(--r-lg);\r\n  overflow: hidden;\r\n  border: 1px solid var(--line-gold);\r\n  background: #FFFFFF;\r\n  box-shadow: var(--shadow-soft);\r\n}\r\n\r\n.previewImgWrap {\r\n  position: relative;\r\n  line-height: 0;\r\n}\r\n\r\n.previewImg {\r\n  width: 100%;\r\n  max-height: 190px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.previewScrim {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(23, 19, 15, 0.68), transparent 62%);\r\n}\r\n\r\n.previewMeta {\r\n  position: absolute;\r\n  left: 1rem;\r\n  right: 3.2rem;\r\n  bottom: 0.85rem;\r\n}\r\n\r\n.previewName {\r\n  font-size: 0.78rem;\r\n  font-weight: 600;\r\n  color: #FFFFFF;\r\n  margin: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.previewSize {\r\n  font-size: 0.68rem;\r\n  color: rgba(255, 255, 255, 0.72);\r\n  margin: 0.15rem 0 0;\r\n}\r\n\r\n.previewDoc {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.85rem;\r\n  padding: 1rem 1.1rem;\r\n}\r\n\r\n.docIcon {\r\n  display: grid;\r\n  place-items: center;\r\n  width: 42px;\r\n  height: 42px;\r\n  flex-shrink: 0;\r\n  border-radius: var(--r-sm);\r\n  color: var(--gold-700);\r\n  background: var(--gold-050);\r\n  border: 1px solid var(--line-gold);\r\n}\r\n\r\n.docText {\r\n  min-width: 0;\r\n  flex: 1;\r\n}\r\n\r\n.docName {\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  color: var(--ink-900);\r\n  margin: 0;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n\r\n.docSize {\r\n  font-size: 0.7rem;\r\n  color: var(--ink-400);\r\n  margin: 0.15rem 0 0;\r\n}\r\n\r\n.removeBtn {\r\n  position: absolute;\r\n  top: 0.65rem;\r\n  right: 0.65rem;\r\n  z-index: 2;\r\n  display: grid;\r\n  place-items: center;\r\n  width: 28px;\r\n  height: 28px;\r\n  border-radius: 999px;\r\n  cursor: pointer;\r\n  color: var(--danger);\r\n  background: rgba(255, 255, 255, 0.94);\r\n  border: 1px solid rgba(179, 57, 44, 0.22);\r\n  backdrop-filter: blur(6px);\r\n  transition: background-color 0.2s var(--ease), color 0.2s var(--ease);\r\n}\r\n\r\n.removeBtn:hover {\r\n  background: var(--danger);\r\n  color: #FFFFFF;\r\n  border-color: var(--danger);\r\n}\r\n\r\n/* ============================================================\r\n   CONSENT CHECKBOX\r\n   ============================================================ */\r\n\r\n.consent {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 0.75rem;\r\n  padding-top: 0.15rem;\r\n}\r\n\r\n.checkInput {\r\n  position: absolute;\r\n  opacity: 0;\r\n  width: 1px;\r\n  height: 1px;\r\n  pointer-events: none;\r\n}\r\n\r\n.checkBox {\r\n  position: relative;\r\n  display: grid;\r\n  place-items: center;\r\n  flex-shrink: 0;\r\n  width: 19px;\r\n  height: 19px;\r\n  margin-top: 1px;\r\n  border-radius: 5px;\r\n  cursor: pointer;\r\n  background: var(--paper-2);\r\n  border: 1.5px solid rgba(23, 19, 15, 0.2);\r\n  transition:\r\n    background-color 0.22s var(--ease),\r\n    border-color 0.22s var(--ease),\r\n    box-shadow 0.22s var(--ease);\r\n}\r\n\r\n.checkBox::after {\r\n  content: \"\";\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: #FFFFFF;\r\n  clip-path: polygon(14% 46%, 0 60%, 39% 100%, 100% 22%, 85% 8%, 38% 70%);\r\n  transform: scale(0);\r\n  transition: transform 0.22s var(--ease);\r\n}\r\n\r\n.checkInput:checked+.checkBox {\r\n  background: linear-gradient(160deg, var(--gold-600), var(--gold-900));\r\n  border-color: var(--gold-900);\r\n  box-shadow: 0 4px 10px -4px rgba(110, 82, 40, 0.6);\r\n}\r\n\r\n.checkInput:checked+.checkBox::after {\r\n  transform: scale(1);\r\n}\r\n\r\n.checkInput:focus-visible+.checkBox {\r\n  box-shadow: 0 0 0 4px rgba(192, 160, 106, 0.22);\r\n  border-color: var(--gold-600);\r\n}\r\n\r\n.checkBoxError {\r\n  border-color: var(--danger-line);\r\n}\r\n\r\n.consentText {\r\n  font-size: 0.75rem;\r\n  line-height: 1.65;\r\n  color: var(--ink-500);\r\n  cursor: pointer;\r\n}\r\n\r\n.consentLink {\r\n  color: var(--gold-900);\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  border-bottom: 1px solid var(--gold-300);\r\n  transition: border-color 0.25s var(--ease);\r\n}\r\n\r\n.consentLink:hover {\r\n  border-color: var(--gold-700);\r\n}\r\n\r\n/* ============================================================\r\n   SUBMIT\r\n   ============================================================ */\r\n\r\n.submitWrap {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.85rem;\r\n  padding-top: 0.35rem;\r\n}\r\n\r\n.submit {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.8rem;\r\n  width: 100%;\r\n  padding: 1rem 1.75rem;\r\n  border: none;\r\n  border-radius: 999px;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  font: inherit;\r\n  font-size: 0.78rem;\r\n  font-weight: 800;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: var(--gold-100);\r\n  background: linear-gradient(150deg, #2C241A 0%, #17130F 55%, #241E18 100%);\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.1),\r\n    0 12px 28px -14px rgba(23, 19, 15, 0.8);\r\n  transition:\r\n    transform 0.35s var(--ease),\r\n    box-shadow 0.35s var(--ease),\r\n    color 0.35s var(--ease);\r\n}\r\n\r\n.submit:hover:not(:disabled) {\r\n  transform: translateY(-2px);\r\n  color: #FFFFFF;\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255, 255, 255, 0.16),\r\n    0 20px 40px -16px rgba(23, 19, 15, 0.75);\r\n}\r\n\r\n.submit:active:not(:disabled) {\r\n  transform: translateY(0);\r\n}\r\n\r\n.submit:focus-visible {\r\n  outline: 2px solid var(--gold-600);\r\n  outline-offset: 3px;\r\n}\r\n\r\n.submit:disabled {\r\n  cursor: not-allowed;\r\n  color: var(--ink-300);\r\n  background: #3A342C;\r\n  box-shadow: none;\r\n  transform: none;\r\n}\r\n\r\n/* Gold light sweep */\r\n.submitSheen {\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  background: linear-gradient(105deg,\r\n      transparent 38%,\r\n      rgba(211, 187, 147, 0.38) 50%,\r\n      transparent 62%);\r\n  transform: translateX(-120%);\r\n  transition: transform 0.85s var(--ease);\r\n}\r\n\r\n.submit:hover:not(:disabled) .submitSheen {\r\n  transform: translateX(120%);\r\n}\r\n\r\n.submitLabel {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.submitIcon {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  place-items: center;\r\n  width: 27px;\r\n  height: 27px;\r\n  border-radius: 999px;\r\n  color: var(--ink-900);\r\n  background: linear-gradient(150deg, var(--gold-400), var(--gold-600));\r\n  transition: transform 0.4s var(--ease);\r\n}\r\n\r\n.submit:hover:not(:disabled) .submitIcon {\r\n  transform: translateX(3px) rotate(8deg);\r\n}\r\n\r\n.spin {\r\n  animation: spin 0.9s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n.assurance {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.45rem;\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.05em;\r\n  color: var(--ink-400);\r\n  text-align: center;\r\n}\r\n\r\n.assuranceDot {\r\n  width: 5px;\r\n  height: 5px;\r\n  border-radius: 999px;\r\n  background: #2E7D52;\r\n  box-shadow: 0 0 0 3px rgba(46, 125, 82, 0.15);\r\n}\r\n\r\n/* ============================================================\r\n   RESPONSIVE\r\n   ============================================================ */\r\n\r\n/* ≥ 640px — two-up form rows */\r\n@media (min-width: 640px) {\r\n  .row {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n/* ≥ 1024px — split editorial / form */\r\n@media (min-width: 1024px) {\r\n  .grid {\r\n    grid-template-columns: 1.02fr 0.98fr;\r\n    gap: clamp(3rem, 5vw, 5rem);\r\n    align-items: center;\r\n  }\r\n\r\n  .left {\r\n    position: sticky;\r\n    top: 4rem;\r\n  }\r\n}\r\n\r\n/* ≥ 1280px */\r\n@media (min-width: 1280px) {\r\n  .card {\r\n    padding: 3.25rem;\r\n  }\r\n}\r\n\r\n/* ≤ 375px — very small phones */\r\n@media (max-width: 375px) {\r\n  .card {\r\n    border-radius: 20px;\r\n    padding: 1.25rem;\r\n  }\r\n\r\n  .cardCorner {\r\n    display: none;\r\n  }\r\n\r\n  .infoIcon {\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n\r\n  .submit {\r\n    padding: 0.9rem 1.1rem;\r\n    font-size: 0.72rem;\r\n    letter-spacing: 0.1em;\r\n  }\r\n}\r\n\r\n/* Accessibility */\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .section *,\r\n  .section *::before,\r\n  .section *::after {\r\n    animation-duration: 0.01ms !important;\r\n    transition-duration: 0.01ms !important;\r\n  }\r\n}"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA;;;;;;;AAOA;;;;;;AAOA;;;;;;;;AAQA;;;;;;;;AASA;;;;;;;;;AAYA;;;;;;;;AAUA;;;;;;AAMA;;;;;;;AAWA;;;;;;AAOA;;;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;;;;AAeA;;;;;;;;;AASA;;;;;AAMA;;;;;;;;;;;;AAaA;;;;;;;AAOA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;AAUA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;;;;;;;;;AAiBA;;;;;AAOA;;;;;;;;;AASA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;;;;AAUA;;;;;;;;;;;;;AAaA;;;;AAIA;;;;AAQA;;;;;;;;;;AAYA;;;;;;;;;AAUA;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;;AAUA;;;;;;AAMA;;;;;;AAQA;;;;;;;AAOA;;;;;;;;;AASA;;;;AAIA;;;;;AAKA;;;;;;;;;AASA;;;;;;;;;;;;;;;AAkBA;;;;AAIA;;;;;AAKA;;;;;;AAQA;;;;;AAMA;;;;;AAKA;;;;;AAMA;;;;;;;;;;AAWA;;;;;AAKA;;;;AAKA;;;;;;;;AAQA;;;;AAIA;;;;;AAMA;;;;;;;;;;AAcA;;;;;;;;;;;;;;;;AAoBA;;;;;AAKA;;;;;AAKA;;;;;;;AAOA;;;;;AAKA;;;;;;;;;;;;AAYA;;;;;;;AAOA;;;;;;;AAQA;;;;;;;;;AASA;;;;;AAKA;;;;;;;AAOA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;;;;;;;AAUA;;;;;;AAMA;;;;;;;;;;;;;;;;;;;AAkBA;;;;;;AAUA;;;;;;;AAOA;;;;;;;;AAQA;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;AAUA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;;;;;AAQA;;;;AAQA;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;;;AA4BA;;;;;;AAQA;;;;AAIA;;;;;AAKA;;;;;;;;AASA;;;;;;;;;AAYA;;;;AAIA;;;;;AAKA;;;;;;;;;;;;;AAaA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;;;;;;AAWA;;;;;;;;AAaA;EACE;;;;;AAMF;EACE;;;;;;EAMA;;;;;;AAOF;EACE;;;;;AAMF;EACE;;;;;EAKA;;;;EAIA;;;;;EAKA;;;;;;;AAQF;EAEE"}},
    {"offset": {"line": 1244, "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"}}]
}