{"product_id":"individual-pigment-shades","title":"Orpiment","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1\u0026amp;family=Barlow:wght@300;400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* ═══════════════════════════════════════════════════════════════\n   FLOARIA UNIVERSAL PIGMENT DESCRIPTION\n   Scoped under .floaria-universal-pigment-desc\n   No global leakage. Pure standalone HTML.\n═══════════════════════════════════════════════════════════════ *\/\n\n.floaria-universal-pigment-desc *,\n.floaria-universal-pigment-desc *::before,\n.floaria-universal-pigment-desc *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n.floaria-universal-pigment-desc {\n  --color-bg: #F6F4EE;\n  --color-bg-soft: #F0EDE5;\n  --color-text: #3A3834;\n  --color-accent: #A64D2D;\n  --color-gold: #CBB077;\n  --color-border: rgba(166, 77, 45, 0.12);\n  --color-border-light: rgba(166, 77, 45, 0.15);\n  --color-text-muted: rgba(58, 56, 52, 0.75);\n  --font-heading: 'Instrument Serif', Georgia, serif;\n  --font-body: 'Barlow', system-ui, sans-serif;\n  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);\n  --ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1);\n\n  background-color: var(--color-bg);\n  font-family: var(--font-body);\n  color: var(--color-text);\n  position: relative;\n  overflow: hidden;\n}\n\n\/* Paper micro-texture *\/\n.floaria-universal-pigment-desc::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)'\/%3E%3C\/svg%3E\");\n  opacity: 0.022;\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* ─── SECTION DIVIDER ─── *\/\n.floaria-universal-pigment-desc__divider {\n  width: 100%;\n  height: 1px;\n  background: linear-gradient(90deg, transparent 0%, var(--color-border) 20%, var(--color-border) 80%, transparent 100%);\n  border: none;\n  margin: 0;\n}\n\n\/* ─── INNER CONTAINER ─── *\/\n.floaria-universal-pigment-desc__container {\n  position: relative;\n  z-index: 1;\n  max-width: 820px;\n  margin: 0 auto;\n  padding: 0 clamp(1.25rem, 5vw, 2.5rem);\n}\n\n\/* ═══════════════════════════════════════════════════════════════\n   MODULE 1 — THE MANIFESTO\n═══════════════════════════════════════════════════════════════ *\/\n.floaria-universal-pigment-desc__manifesto {\n  padding: 100px clamp(1.25rem, 5vw, 2.5rem);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.floaria-universal-pigment-desc__manifesto-inner {\n  position: relative;\n  z-index: 1;\n  max-width: 800px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.floaria-universal-pigment-desc__manifesto-kicker {\n  font-family: var(--font-body);\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n  margin-bottom: 1.5rem;\n}\n\n.floaria-universal-pigment-desc__manifesto-headline {\n  font-family: var(--font-heading);\n  font-style: italic;\n  font-size: clamp(1.6rem, 4vw, 38px);\n  font-weight: 400;\n  letter-spacing: -0.02em;\n  line-height: 1.3;\n  color: var(--color-text);\n  max-width: 22ch;\n  margin-bottom: 2rem;\n}\n\n.floaria-universal-pigment-desc__manifesto-body {\n  font-family: var(--font-body);\n  font-size: 15px;\n  font-weight: 300;\n  letter-spacing: 0.01em;\n  line-height: 1.8;\n  color: var(--color-text);\n  max-width: 58ch;\n}\n\n\/* ═══════════════════════════════════════════════════════════════\n   MODULE 3 — THE MEDIA BINDING LAW\n═══════════════════════════════════════════════════════════════ *\/\n.floaria-universal-pigment-desc__binding {\n  padding: 80px clamp(1.25rem, 5vw, 2.5rem) 100px;\n  border-top: 1px solid var(--color-border);\n}\n\n.floaria-universal-pigment-desc__binding-inner {\n  position: relative;\n  z-index: 1;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.floaria-universal-pigment-desc__binding-layout {\n  display: flex;\n  flex-direction: column;\n  gap: clamp(1.5rem, 4vw, 2.5rem);\n  align-items: center;\n}\n\n.floaria-universal-pigment-desc__binding-image {\n  position: relative;\n  width: 100%;\n  max-width: 520px;\n  aspect-ratio: 4 \/ 5;\n  overflow: hidden;\n  border-radius: 2px;\n}\n\n.floaria-universal-pigment-desc__binding-image::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: 2px;\n  padding: 1px;\n  background: linear-gradient(180deg, rgba(166, 77, 45, 0.4) 0%, transparent 55%);\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  pointer-events: none;\n  z-index: 2;\n}\n\n.floaria-universal-pigment-desc__binding-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.floaria-universal-pigment-desc__binding-text {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  width: 100%;\n}\n\n.floaria-universal-pigment-desc__binding-kicker {\n  font-family: var(--font-body);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.25em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n}\n\n.floaria-universal-pigment-desc__binding-headline {\n  font-family: var(--font-heading);\n  font-style: italic;\n  font-size: clamp(1.2rem, 2.5vw, 28px);\n  font-weight: 400;\n  letter-spacing: -0.01em;\n  line-height: 1.25;\n  color: var(--color-accent);\n}\n\n.floaria-universal-pigment-desc__binding-body {\n  font-family: var(--font-body);\n  font-size: 14px;\n  font-weight: 300;\n  letter-spacing: 0.01em;\n  line-height: 1.75;\n  color: var(--color-text);\n}\n\n.floaria-universal-pigment-desc__binding-body strong {\n  font-weight: 500;\n  color: var(--color-text);\n}\n\n\/* Native HTML5 Accordion Styling *\/\n.floaria-universal-pigment-desc__details {\n  width: 100%;\n}\n\n.floaria-universal-pigment-desc__details summary {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4em;\n  font-family: var(--font-body);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  color: var(--color-accent);\n  cursor: pointer;\n  padding: 0;\n  margin-top: 0.25rem;\n  transition: color 0.3s ease, gap 0.3s ease;\n  list-style: none; \/* Remove default arrow *\/\n}\n\n.floaria-universal-pigment-desc__details summary::-webkit-details-marker {\n  display: none; \/* Remove default arrow in Safari *\/\n}\n\n.floaria-universal-pigment-desc__details summary:hover {\n  color: var(--color-text);\n  gap: 0.65em;\n}\n\n.floaria-universal-pigment-desc__details summary svg {\n  width: 0.875rem;\n  height: 0.875rem;\n  transition: transform 0.4s var(--ease-out-expo);\n  flex-shrink: 0;\n}\n\n.floaria-universal-pigment-desc__details[open] summary svg {\n  transform: rotate(180deg);\n}\n\n.floaria-universal-pigment-desc__details[open] summary .read-more-text::before {\n  content: \"Show less\";\n}\n\n.floaria-universal-pigment-desc__details:not([open]) summary .read-more-text::before {\n  content: \"Read more\";\n}\n\n.floaria-universal-pigment-desc__details-content {\n  margin-top: 1rem;\n  animation: detailsFadeIn 0.5s var(--ease-out-expo);\n}\n\n@keyframes detailsFadeIn {\n  from { opacity: 0; transform: translateY(-8px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* ═══════════════════════════════════════════════════════════════\n   MODULE 4 — THE FOUR STEPS OF THE MASTER\n   (With Horizontal Scroll Indicator Arrows)\n═══════════════════════════════════════════════════════════════ *\/\n.floaria-universal-pigment-desc__toolkit {\n  padding: 80px clamp(1.25rem, 5vw, 2.5rem) 100px;\n  border-top: 1px solid var(--color-border);\n}\n\n.floaria-universal-pigment-desc__toolkit-inner {\n  position: relative;\n  z-index: 1;\n}\n\n.floaria-universal-pigment-desc__toolkit-header {\n  text-align: center;\n  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.floaria-universal-pigment-desc__toolkit-kicker {\n  font-family: var(--font-body);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.25em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n}\n\n.floaria-universal-pigment-desc__toolkit-title {\n  font-family: var(--font-heading);\n  font-style: italic;\n  font-size: clamp(1.4rem, 3vw, 28px);\n  font-weight: 400;\n  letter-spacing: -0.01em;\n  color: var(--color-text);\n}\n\n\/* Scrollable area wrapper *\/\n.floaria-universal-pigment-desc__toolkit-viewport {\n  position: relative;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\/* Scroll container *\/\n.floaria-universal-pigment-desc__toolkit-scroll {\n  display: flex;\n  gap: clamp(1rem, 2.5vw, 1.75rem);\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  padding-top: 0.5rem;\n  padding-bottom: 2.5rem;\n  padding-left: clamp(0.5rem, 2vw, 2rem);\n  padding-right: clamp(0.5rem, 2vw, 2rem);\n}\n\n.floaria-universal-pigment-desc__toolkit-scroll::-webkit-scrollbar {\n  display: none;\n}\n\n\/* ─── NEW: Horizontal Scroll Indicator Arrows ─── *\/\n.floaria-universal-pigment-desc__scroll-arrows {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  pointer-events: none;\n  z-index: 10;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 clamp(0.25rem, 1vw, 0.75rem);\n}\n\n.floaria-universal-pigment-desc__scroll-arrow {\n  width: clamp(2rem, 4vw, 3rem);\n  height: clamp(2rem, 4vw, 3rem);\n  border-radius: 50%;\n  background: rgba(246, 244, 238, 0.9);\n  border: 1px solid var(--color-border-light);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: auto;\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity 0.4s ease, transform 0.3s var(--ease-out-expo), background 0.3s ease;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  flex-shrink: 0;\n}\n\n.floaria-universal-pigment-desc__scroll-arrow svg {\n  width: clamp(0.875rem, 1.5vw, 1.125rem);\n  height: clamp(0.875rem, 1.5vw, 1.125rem);\n  color: var(--color-accent);\n  transition: transform 0.3s var(--ease-out-expo);\n}\n\n.floaria-universal-pigment-desc__scroll-arrow:hover {\n  background: rgba(166, 77, 45, 0.08);\n}\n\n.floaria-universal-pigment-desc__scroll-arrow:active {\n  transform: scale(0.92);\n}\n\n\/* Left arrow *\/\n.floaria-universal-pigment-desc__scroll-arrow--left {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.floaria-universal-pigment-desc__scroll-arrow--left svg {\n  transform: translateX(-1px);\n}\n\n.floaria-universal-pigment-desc__scroll-arrow--left:hover svg {\n  transform: translateX(-3px);\n}\n\n\/* Right arrow *\/\n.floaria-universal-pigment-desc__scroll-arrow--right svg {\n  transform: translateX(1px);\n}\n\n.floaria-universal-pigment-desc__scroll-arrow--right:hover svg {\n  transform: translateX(3px);\n}\n\n\/* Arrow visible states — controlled by JS, fallback to visible on touch devices *\/\n@media (hover: hover) {\n  .floaria-universal-pigment-desc__scroll-arrow {\n    opacity: 0.6;\n  }\n\n  .floaria-universal-pigment-desc__scroll-arrow--left {\n    opacity: 0;\n    pointer-events: none;\n  }\n}\n\n\/* Always show right arrow on mobile since content overflows *\/\n@media (max-width: 900px) {\n  .floaria-universal-pigment-desc__scroll-arrow--right {\n    opacity: 0.8;\n  }\n}\n\n\/* ─── NEW: Scroll Progress Dots ─── *\/\n.floaria-universal-pigment-desc__scroll-dots {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 0.5rem;\n  margin-top: -1.75rem;\n  position: relative;\n  z-index: 5;\n}\n\n.floaria-universal-pigment-desc__scroll-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--color-border-light);\n  transition: all0.4s var(--ease-out-expo);\n  cursor: pointer;\n  border: none;\n  padding: 0;\n}\n\n.floaria-universal-pigment-desc__scroll-dot--active {\n  background: var(--color-accent);\n  transform: scale(1.25);\n}\n\n.floaria-universal-pigment-desc__scroll-dot:hover:not(.floaria-universal-pigment-desc__scroll-dot--active) {\n  background: rgba(166, 77, 45, 0.4);\n}\n\n\/*═══════════════════════════════════════════════════════════════\n   THE FOUR STEPS (individual cards)\n═══════════════════════════════════════════════════════════════ *\/\n.floaria-universal-pigment-desc__toolkit-step {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 0.875rem;\n  flex: 0 0 clamp(200px, 28vw, 280px);\n  scroll-snap-align: start;\n  position: relative;\n}\n\n\/* Connecting line between steps *\/\n.floaria-universal-pigment-desc__toolkit-step:not(:last-child)::after {\n  content: '';\n  position: absolute;\n  top: clamp(2.75rem, 4.5vw, 4rem);\n  right: calc(clamp(1rem, 2.5vw, 1.75rem) \/ -2 - 0.5px);\n  width: calc(clamp(1rem, 2.5vw, 1.75rem) + 1px);\n  height: 1px;\n  background: linear-gradient(90deg, var(--color-border) 0%, transparent 100%);\n  pointer-events: none;\n}\n\n.floaria-universal-pigment-desc__toolkit-step-image {\n  position: relative;\n  width: clamp(3rem, 5.5vw, 4.5rem);\n  height: clamp(3rem, 5.5vw, 4.5rem);\n  border-radius: 50%;\n  overflow: hidden;\n  border: 1.5px solid rgba(166, 77, 45, 0.3);\n  background: rgba(166, 77, 45, 0.05);\n  flex-shrink: 0;\n}\n\n.floaria-universal-pigment-desc__toolkit-step-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n\/* Step number badge *\/\n.floaria-universal-pigment-desc__toolkit-step-badge {\n  position: absolute;\n  bottom: -5px;\n  right: -5px;\n  width: 1.2rem;\n  height: 1.2rem;\n  background: var(--color-accent);\n  color: var(--color-bg);\n  font-family: var(--font-body);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.floaria-universal-pigment-desc__toolkit-step-text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.3rem;\n}\n\n.floaria-universal-pigment-desc__toolkit-step-title {\n  font-family: var(--font-heading);\n  font-style: italic;\n  font-size: clamp(0.875rem, 1.5vw, 1rem);\n  font-weight: 400;\n  letter-spacing: -0.01em;\n  color: var(--color-text);\n  line-height: 1.2;\n}\n\n.floaria-universal-pigment-desc__toolkit-step-subtitle {\n  font-family: var(--font-body);\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--color-accent);\n  margin-top: -0.2rem;\n}\n\n.floaria-universal-pigment-desc__toolkit-step-desc {\n  font-family: var(--font-body);\n  font-size: clamp(0.7rem, 0.95vw, 0.78rem);\n  font-weight: 300;\n  letter-spacing: 0.01em;\n  line-height: 1.6;\n  color: var(--color-text-muted);\n  max-width: 24ch;\n}\n\n\/* ═══════════════════════════════════════════════════════════════\n   MODULE 5 — THE CONCIERGE ASSURANCE\n═══════════════════════════════════════════════════════════════ *\/\n.floaria-universal-pigment-desc__concierge {\n  padding: 70px clamp(1.25rem, 5vw, 2.5rem) 90px;\n  border-top: 1px solid var(--color-border);\n}\n\n.floaria-universal-pigment-desc__concierge-inner {\n  position: relative;\n  z-index: 1;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.floaria-universal-pigment-desc__concierge-card {\n  background: #F0EDE5;\n  border: 1px solid var(--color-border-light);\n  border-radius: 3px;\n  padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 5vw, 3rem);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  gap: 1.25rem;\n}\n\n.floaria-universal-pigment-desc__concierge-icon {\n  width: 2.75rem;\n  height: 2.75rem;\n  border-radius: 50%;\n  background: rgba(166, 77, 45, 0.08);\n  border: 1px solid rgba(166, 77, 45, 0.15);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.floaria-universal-pigment-desc__concierge-icon svg {\n  width: 1.25rem;\n  height: 1.25rem;\n  color: var(--color-accent);\n}\n\n.floaria-universal-pigment-desc__concierge-headline {\n  font-family: var(--font-heading);\n  font-style: italic;\n  font-size: clamp(1.1rem, 2.5vw, 24px);\n  font-weight: 400;\n  letter-spacing: -0.01em;\n  color: var(--color-text);\n  line-height: 1.2;\n}\n\n.floaria-universal-pigment-desc__concierge-body {\n  font-family: var(--font-body);\n  font-size: 14px;\n  font-weight: 300;\n  letter-spacing: 0.01em;\n  line-height: 1.75;\n  color: var(--color-text);\n  max-width: 58ch;\n}\n\n.floaria-universal-pigment-desc__concierge-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5em;\n  font-family: var(--font-body);\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.06em;\n  color: var(--color-accent);\n  text-decoration: none;\n  border-bottom: 1px solid rgba(166, 77, 45, 0.3);\n  padding-bottom: 2px;\n  transition: color 0.3s ease, border-color 0.3s ease, gap 0.3s ease;\n}\n\n.floaria-universal-pigment-desc__concierge-link:hover {\n  color: var(--color-text);\n  border-color: rgba(58, 56, 52, 0.4);\n  gap: 0.8em;\n}\n\n.floaria-universal-pigment-desc__concierge-link svg {\n  width: 0.875rem;\n  height: 0.875rem;\n  transition: transform 0.3s var(--ease-out-expo);\n}\n\n.floaria-universal-pigment-desc__concierge-link:hover svg {\n  transform: translateX(3px);\n}\n\n\/* ═══════════════════════════════════════════════════════════════\n   RESPONSIVE — MOBILE (\u003c 768px)\n═══════════════════════════════════════════════════════════════ *\/\n@media screen and (max-width: 768px) {\n  .floaria-universal-pigment-desc__manifesto { padding: 70px clamp(1.25rem, 5vw, 2rem); }\n  .floaria-universal-pigment-desc__binding { padding: 60px clamp(1.25rem, 5vw, 2rem) 70px; }\n  .floaria-universal-pigment-desc__binding-image { max-width: 100%; }\n  .floaria-universal-pigment-desc__toolkit { padding: 60px 0 70px; overflow: hidden; }\n  .floaria-universal-pigment-desc__toolkit-scroll { padding-left: clamp(1.25rem, 5vw, 2rem); padding-right: clamp(1.25rem, 5vw, 2rem); }\n  .floaria-universal-pigment-desc__toolkit-step { flex: 0 0 clamp(180px, 72vw, 260px); }\n  .floaria-universal-pigment-desc__toolkit-step::after { display: none; }\n  .floaria-universal-pigment-desc__concierge { padding: 60px clamp(1.25rem, 5vw, 2rem) 70px; }\n\n  \/* Mobile: show right arrow always, hide left initially *\/\n  .floaria-universal-pigment-desc__scroll-arrow--right {\n    opacity: 0.8;\n  }\n  .floaria-universal-pigment-desc__scroll-arrow--left {\n    opacity: 0;\n    pointer-events: none;\n  }\n}\n\n\/* Hide dots on desktop if only 4 items (they fit) *\/\n@media screen and (min-width: 901px) {\n  .floaria-universal-pigment-desc__scroll-dots {\n    opacity: 0;\n    pointer-events: none;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc\"\u003e\n\u003csection class=\"floaria-universal-pigment-desc__manifesto\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__manifesto-inner\"\u003e\n\u003cspan class=\"floaria-universal-pigment-desc__manifesto-kicker\"\u003e01 \/ Origin of Echoes\u003c\/span\u003e\n\u003ch2 class=\"floaria-universal-pigment-desc__manifesto-headline\"\u003e\"Twelve tones of eternity, extracted from the living veins of the earth.\"\u003c\/h2\u003e\n\u003cp class=\"floaria-universal-pigment-desc__manifesto-body\"\u003eFloAria traverses remote desert highlands and ancient mountain crevices to hand-select the purest mineral nodes — preserving each stone's intact crystalline signature. Slow-processed through four heritage rituals, every portion is sealed as a 100g vessel of archival brilliance. These pigments do not age. They simply wait, ready to outlast a millennium in your hands.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003chr class=\"floaria-universal-pigment-desc__divider\"\u003e\n\u003csection class=\"floaria-universal-pigment-desc__binding\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__binding-inner\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__binding-layout\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__binding-image\"\u003e\u003cimg loading=\"lazy\" alt=\"Warm hide glue blending into raw mineral pigment crystals\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1011\/2873\/3041\/files\/cc41aa57eb8cf8f6613e900206f6e0ad.webp?v=1780927414\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__binding-text\"\u003e\n\u003cspan class=\"floaria-universal-pigment-desc__binding-kicker\"\u003e02 \/ The Binding Law\u003c\/span\u003e\n\u003ch3 class=\"floaria-universal-pigment-desc__binding-headline\"\u003eThe Sacred Bond: Why Traditional Hide Glue?\u003c\/h3\u003e\n\u003cp class=\"floaria-universal-pigment-desc__binding-body\"\u003eNatural mineral pigments retain their \u003cstrong\u003epure crystalline gemstone structures\u003c\/strong\u003e. They possess no innate adhesive property — they are beautiful, free-flowing sand particles until awakened by a binding medium.\u003c\/p\u003e\n\u003cdetails class=\"floaria-universal-pigment-desc__details\"\u003e\n\u003csummary\u003e\u003cspan class=\"read-more-text\"\u003e\u003c\/span\u003e \u003csvg aria-hidden=\"true\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n                \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n              \u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__details-content\"\u003e\n\u003cp class=\"floaria-universal-pigment-desc__binding-body\"\u003eSynthetic chemical binders suffocate the crystal lattice, trapping moisture and causing surface cracking over decades. \u003cstrong\u003eTraditional animal Hide Glue\u003c\/strong\u003e, slow-simmered from refined collagen, envelops every mineral grain the moment it warms above 50°C.\u003c\/p\u003e\n\u003cp style=\"margin-top: 1rem;\" class=\"floaria-universal-pigment-desc__binding-body\"\u003eThe glue forms a translucent, flexible shield that breathes with atmospheric humidity — preventing cracking, preserving brilliance, and binding the color to raw clay for a millennium.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003chr class=\"floaria-universal-pigment-desc__divider\"\u003e\n\u003c!--═══════════════════════════════════════════════════════════════\n     MODULE 4 — THE FOUR STEPS OF THE MASTER (With Scroll Indicators)\n═══════════════════════════════════════════════════════════════ --\u003e\n\u003csection class=\"floaria-universal-pigment-desc__toolkit\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-inner\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-header\"\u003e\n\u003cspan class=\"floaria-universal-pigment-desc__toolkit-kicker\"\u003e03 \/ The Ancient Ritual\u003c\/span\u003e\n\u003ch3 class=\"floaria-universal-pigment-desc__toolkit-title\"\u003eThe Four Steps of the Master\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-viewport\"\u003e\n\u003c!-- Left \/ Right Scroll Arrows --\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__scroll-arrows\" aria-hidden=\"true\"\u003e\n\u003cbutton class=\"floaria-universal-pigment-desc__scroll-arrow floaria-universal-pigment-desc__scroll-arrow--left\" aria-label=\"Scroll left\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n        \u003cpolyline points=\"15 18 9 12 15 6\"\u003e\u003c\/polyline\u003e\n      \u003c\/svg\u003e \u003c\/button\u003e \u003cbutton class=\"floaria-universal-pigment-desc__scroll-arrow floaria-universal-pigment-desc__scroll-arrow--right\" aria-label=\"Scroll right\"\u003e \u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n        \u003cpolyline points=\"9 18 15 12 9 6\"\u003e\u003c\/polyline\u003e\n      \u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Horizontal Scroll Container --\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-scroll\" id=\"toolkitScroll\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step-image\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Artisan hand-selecting mineral nodes\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1011\/2873\/3041\/files\/IMG_1367.webp?v=1780927382\"\u003e \u003cspan class=\"floaria-universal-pigment-desc__toolkit-step-badge\"\u003e01\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step-text\"\u003e\n\u003ch4 class=\"floaria-universal-pigment-desc__toolkit-step-title\"\u003eThe Quarrying\u003c\/h4\u003e\n\u003cspan class=\"floaria-universal-pigment-desc__toolkit-step-subtitle\"\u003e选石溯源\u003c\/span\u003e\n\u003cp class=\"floaria-universal-pigment-desc__toolkit-step-desc\"\u003eSourcing raw mineral nodes from sacred geological structures surrounding desert oases.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step-image\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Mechanically shattering pure stones\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1011\/2873\/3041\/files\/IMG_1572.webp?v=1780925475\"\u003e \u003cspan class=\"floaria-universal-pigment-desc__toolkit-step-badge\"\u003e02\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step-text\"\u003e\n\u003ch4 class=\"floaria-universal-pigment-desc__toolkit-step-title\"\u003eThe Crushing\u003c\/h4\u003e\n\u003cspan class=\"floaria-universal-pigment-desc__toolkit-step-subtitle\"\u003e碎石破壁\u003c\/span\u003e\n\u003cp class=\"floaria-universal-pigment-desc__toolkit-step-desc\"\u003eMechanically shattering pure stones into optimal granular fragments to release crystalline energy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step-image\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Water levigation purifying pigment\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1011\/2873\/3041\/files\/IMG_1573.webp?v=1780925475\"\u003e \u003cspan class=\"floaria-universal-pigment-desc__toolkit-step-badge\"\u003e03\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step-text\"\u003e\n\u003ch4 class=\"floaria-universal-pigment-desc__toolkit-step-title\"\u003eThe Levigation\u003c\/h4\u003e\n\u003cspan class=\"floaria-universal-pigment-desc__toolkit-step-subtitle\"\u003e水飞澄滤\u003c\/span\u003e\n\u003cp class=\"floaria-universal-pigment-desc__toolkit-step-desc\"\u003ePurifying pigments using multi-tiered water separation to isolate the finest crystalline essence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step-image\"\u003e\n\u003cimg loading=\"lazy\" alt=\"Sealing 100g into archival glass vials\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1011\/2873\/3041\/files\/IMG_1567.webp?v=1780927791\"\u003e \u003cspan class=\"floaria-universal-pigment-desc__toolkit-step-badge\"\u003e04\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__toolkit-step-text\"\u003e\n\u003ch4 class=\"floaria-universal-pigment-desc__toolkit-step-title\"\u003eThe Apothecary\u003c\/h4\u003e\n\u003cspan class=\"floaria-universal-pigment-desc__toolkit-step-subtitle\"\u003e分封百克\u003c\/span\u003e\n\u003cp class=\"floaria-universal-pigment-desc__toolkit-step-desc\"\u003ePrecisely weighing and sealing into 100g archival glass vials to preserve brilliance for centuries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Scroll Progress Dots --\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__scroll-dots\" role=\"tablist\" aria-label=\"Scroll position\"\u003e\n\u003cbutton class=\"floaria-universal-pigment-desc__scroll-dot floaria-universal-pigment-desc__scroll-dot--active\" role=\"tab\" aria-selected=\"true\" aria-label=\"Step 1\"\u003e\u003c\/button\u003e \u003cbutton class=\"floaria-universal-pigment-desc__scroll-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Step 2\"\u003e\u003c\/button\u003e \u003cbutton class=\"floaria-universal-pigment-desc__scroll-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Step 3\"\u003e\u003c\/button\u003e \u003cbutton class=\"floaria-universal-pigment-desc__scroll-dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Step 4\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003chr class=\"floaria-universal-pigment-desc__divider\"\u003e\n\u003csection class=\"floaria-universal-pigment-desc__concierge\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__concierge-inner\"\u003e\n\u003cdiv class=\"floaria-universal-pigment-desc__concierge-card\"\u003e\n\u003cdiv aria-hidden=\"true\" class=\"floaria-universal-pigment-desc__concierge-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\u003e\u003c\/path\u003e\n            \u003cline y2=\"10\" x2=\"15\" y1=\"10\" x1=\"9\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3 class=\"floaria-universal-pigment-desc__concierge-headline\"\u003eNeed Guidance on Master Materials?\u003c\/h3\u003e\n\u003cp class=\"floaria-universal-pigment-desc__concierge-body\"\u003eMineral painting is an ancient ritual. If you have any questions regarding color mixing, consistency, glue ratios, or application techniques on clay, please contact our studio concierges immediately. Our masters are dedicated to guiding you through every shade of your creative journey.\u003c\/p\u003e\n\u003ca class=\"floaria-universal-pigment-desc__concierge-link\" href=\"\/pages\/contact\"\u003e Connect with Our Studio Masters \u003csvg aria-hidden=\"true\" stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M5 12h14M12 5l7 7-7 7\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ═══════════════════════════════════════════════════════════════\n   JAVASCRIPT — Scroll Arrow \u0026 Dot Controls\n═══════════════════════════════════════════════════════════════ --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"FloAria","offers":[{"title":"100g \/ 300 mesh \/ Orpiment（雌黄）","offer_id":63752010760561,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false},{"title":"100g \/ 400 mesh \/ Orpiment（雌黄）","offer_id":63752010793329,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false},{"title":"100g \/ 500 mesh \/ Orpiment（雌黄）","offer_id":63752010826097,"sku":null,"price":30.0,"currency_code":"USD","in_stock":true},{"title":"100g \/ 600 mesh \/ Orpiment（雌黄）","offer_id":63752010858865,"sku":null,"price":40.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/2873\/3041\/files\/01.jpg?v=1780935260","url":"https:\/\/floaria.com\/products\/individual-pigment-shades","provider":"FloAria","version":"1.0","type":"link"}