{"product_id":"the-artist-set","title":"The Artist Set","description":"\u003cstyle\u003e\n\/* =========================================================\n   BRUSH THEORY — THE ARTIST SET\n   CLEAN PREMIUM PRODUCT SECTION\n   NO LIQUID \/ NO PRODUCT METADATA\n   ========================================================= *\/\n\n.bt-artist {\n  --cream: #FAF6F1;\n  --blush: #E8B4A0;\n  --rose: #C9847A;\n  --champagne: #D4AF84;\n  --espresso: #3D1F1A;\n\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  box-sizing: border-box;\n\n  padding: 90px 6%;\n\n  background: var(--cream);\n  color: var(--espresso);\n}\n\n\n\/* BACKGROUND GLOW *\/\n\n.bt-artist::before {\n  content: \"\";\n  position: absolute;\n\n  width: 500px;\n  height: 500px;\n\n  top: -250px;\n  left: -180px;\n\n  border-radius: 50%;\n\n  background: rgba(232,180,160,.18);\n\n  filter: blur(100px);\n\n  pointer-events: none;\n\n  animation: btAmbient 7s ease-in-out infinite alternate;\n}\n\n.bt-artist::after {\n  content: \"\";\n  position: absolute;\n\n  width: 450px;\n  height: 450px;\n\n  right: -180px;\n  bottom: -220px;\n\n  border-radius: 50%;\n\n  background: rgba(212,175,132,.13);\n\n  filter: blur(100px);\n\n  pointer-events: none;\n\n  animation: btAmbient 9s ease-in-out infinite alternate-reverse;\n}\n\n@keyframes btAmbient {\n  from {\n    transform: scale(.9);\n    opacity: .5;\n  }\n\n  to {\n    transform: scale(1.1);\n    opacity: 1;\n  }\n}\n\n\n\/* MAIN CONTENT *\/\n\n.bt-artist-inner {\n  position: relative;\n  z-index: 2;\n\n  max-width: 1250px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 80px;\n\n  align-items: center;\n}\n\n\n\/* =========================================================\n   PRODUCT IMAGE\n   ========================================================= *\/\n\n.bt-product-visual {\n\n  position: relative;\n\n  min-height: 560px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n\/* SMALL SOFT GLOW ONLY\n   NO LARGE CIRCLE *\/\n\n.bt-product-glow {\n\n  position: absolute;\n\n  width: 65%;\n  aspect-ratio: 1;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(232,180,160,.25),\n      rgba(232,180,160,.07) 50%,\n      transparent 72%\n    );\n\n  filter: blur(20px);\n\n  animation: btPulse 5s ease-in-out infinite;\n\n  pointer-events: none;\n}\n\n@keyframes btPulse {\n\n  0%,100% {\n    transform: scale(.95);\n    opacity: .65;\n  }\n\n  50% {\n    transform: scale(1.05);\n    opacity: 1;\n  }\n\n}\n\n\n\/* ACTUAL PRODUCT *\/\n\n.bt-product-image {\n\n  position: relative;\n\n  z-index: 3;\n\n  display: block;\n\n  width: 100%;\n\n  max-width: 600px;\n\n  height: auto;\n\n  object-fit: contain;\n\n  filter:\n    drop-shadow(\n      0 30px 35px rgba(61,31,26,.14)\n    )\n    drop-shadow(\n      0 10px 12px rgba(61,31,26,.08)\n    );\n\n  animation:\n    btReveal 1.2s ease-out both,\n    btFloat 6s ease-in-out 1.2s infinite;\n}\n\n@keyframes btReveal {\n\n  from {\n    opacity: 0;\n\n    transform:\n      translateY(40px)\n      scale(.94);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      translateY(0)\n      scale(1);\n  }\n\n}\n\n@keyframes btFloat {\n\n  0%,100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-10px);\n  }\n\n}\n\n\n\/* =========================================================\n   TEXT\n   ========================================================= *\/\n\n.bt-copy {\n\n  animation:\n    btCopyReveal 1s .2s ease-out both;\n}\n\n@keyframes btCopyReveal {\n\n  from {\n    opacity: 0;\n\n    transform:\n      translateX(35px);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      translateX(0);\n  }\n\n}\n\n\n\/* BRAND LABEL *\/\n\n.bt-small-heading {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  margin-bottom: 20px;\n\n  color: var(--rose);\n\n  font-family: Arial, sans-serif;\n\n  font-size: 10px;\n\n  font-weight: 600;\n\n  letter-spacing: .28em;\n\n  text-transform: uppercase;\n}\n\n.bt-small-heading::before {\n\n  content: \"\";\n\n  width: 38px;\n\n  height: 1px;\n\n  background: var(--champagne);\n}\n\n\n\/* HEADING *\/\n\n.bt-heading {\n\n  margin: 0 0 25px;\n\n  color: var(--espresso);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(52px, 6vw, 82px);\n\n  font-weight: 500;\n\n  line-height: .9;\n\n  letter-spacing: -.025em;\n}\n\n.bt-heading em {\n\n  display: block;\n\n  color: var(--rose);\n\n  font-style: italic;\n}\n\n\n\/* DESCRIPTION *\/\n\n.bt-description {\n\n  max-width: 560px;\n\n  margin: 0 0 32px;\n\n  color: #684740;\n\n  font-family: Arial, sans-serif;\n\n  font-size: 15px;\n\n  line-height: 1.9;\n}\n\n\n\/* =========================================================\n   BENEFITS\n   ========================================================= *\/\n\n.bt-benefits {\n\n  display: grid;\n\n  grid-template-columns: 1fr 1fr;\n\n  gap: 12px;\n\n  margin-bottom: 32px;\n}\n\n.bt-benefit {\n\n  padding: 19px;\n\n  background:\n    rgba(255,255,255,.42);\n\n  border:\n    1px solid rgba(61,31,26,.09);\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    border-color .35s ease,\n    box-shadow .35s ease;\n}\n\n.bt-benefit:hover {\n\n  transform:\n    translateY(-5px);\n\n  background:\n    rgba(255,255,255,.75);\n\n  border-color:\n    rgba(201,132,122,.35);\n\n  box-shadow:\n    0 15px 35px\n    rgba(61,31,26,.07);\n}\n\n.bt-icon {\n\n  color: var(--champagne);\n\n  font-size: 18px;\n\n  margin-bottom: 8px;\n}\n\n.bt-benefit-title {\n\n  display: block;\n\n  color: var(--espresso);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size: 18px;\n\n  font-weight: 600;\n\n  margin-bottom: 4px;\n}\n\n.bt-benefit-text {\n\n  display: block;\n\n  color: #80615A;\n\n  font-family: Arial, sans-serif;\n\n  font-size: 10px;\n\n  line-height: 1.5;\n\n  letter-spacing: .04em;\n}\n\n\n\/* =========================================================\n   ADD TO CART\n   ========================================================= *\/\n\n.bt-add-button {\n\n  position: relative;\n\n  overflow: hidden;\n\n  display: block;\n\n  width: 100%;\n\n  max-width: 470px;\n\n  padding: 20px 28px;\n\n  border:\n    1px solid var(--espresso);\n\n  background:\n    var(--espresso);\n\n  color:\n    var(--cream);\n\n  font-family:\n    Arial, sans-serif;\n\n  font-size: 11px;\n\n  font-weight: 600;\n\n  letter-spacing: .20em;\n\n  text-transform: uppercase;\n\n  cursor: pointer;\n\n  transition:\n    transform .35s ease,\n    box-shadow .35s ease;\n}\n\n.bt-add-button::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n\n  left: -120%;\n\n  width: 70%;\n\n  height: 100%;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,.25),\n      transparent\n    );\n\n  transform:\n    skewX(-20deg);\n}\n\n.bt-add-button:hover::before {\n\n  animation:\n    btShimmer .75s ease;\n}\n\n@keyframes btShimmer {\n\n  from {\n    left: -120%;\n  }\n\n  to {\n    left: 140%;\n  }\n}\n\n.bt-add-button:hover {\n\n  transform:\n    translateY(-3px);\n\n  box-shadow:\n    0 18px 35px\n    rgba(61,31,26,.22);\n}\n\n\n\/* =========================================================\n   TAGLINE\n   ========================================================= *\/\n\n.bt-tagline {\n\n  margin-top: 20px;\n\n  color: var(--rose);\n\n  font-family:\n    \"Cormorant Garamond\",\n    Georgia,\n    serif;\n\n  font-size: 17px;\n\n  font-style: italic;\n\n  letter-spacing: .04em;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 850px) {\n\n  .bt-artist {\n\n    padding:\n      65px 22px;\n  }\n\n  .bt-artist-inner {\n\n    grid-template-columns:\n      1fr;\n\n    gap: 35px;\n  }\n\n  .bt-product-visual {\n\n    min-height:\n      390px;\n  }\n\n  .bt-copy {\n\n    text-align:\n      center;\n  }\n\n  .bt-small-heading {\n\n    justify-content:\n      center;\n  }\n\n  .bt-description {\n\n    margin-left:\n      auto;\n\n    margin-right:\n      auto;\n  }\n\n  .bt-benefits {\n\n    text-align:\n      left;\n  }\n\n  .bt-add-button {\n\n    max-width:\n      100%;\n  }\n\n}\n\n\n@media (max-width: 500px) {\n\n  .bt-heading {\n\n    font-size:\n      55px;\n  }\n\n  .bt-benefits {\n\n    grid-template-columns:\n      1fr;\n  }\n\n  .bt-product-visual {\n\n    min-height:\n      330px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .bt-product-image,\n  .bt-product-glow,\n  .bt-copy {\n\n    animation:\n      none;\n  }\n\n}\n\u003c\/style\u003e\n\u003csection class=\"bt-artist\"\u003e\n\u003cdiv class=\"bt-artist-inner\"\u003e\n\u003c!-- PRODUCT --\u003e\n\u003cdiv class=\"bt-product-visual\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bt-copy\"\u003e\n\u003cdiv class=\"bt-small-heading\"\u003eBrush Theory\u003c\/div\u003e\n\u003ch2 class=\"bt-heading\"\u003eMeet your \u003cem\u003enew essentials.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"bt-description\"\u003eThe Artist Set by Brush Theory is everything you need to create a flawless look — from effortless everyday glam to a full-glam night out.\u003c\/p\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"bt-benefits\"\u003e\n\u003cdiv class=\"bt-benefit\"\u003e\n\u003cdiv class=\"bt-icon\"\u003e✦\u003c\/div\u003e\n\u003cspan class=\"bt-benefit-title\"\u003e 13 Professional Brushes \u003c\/span\u003e \u003cspan class=\"bt-benefit-text\"\u003e Designed for effortless blending and precision. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bt-benefit\"\u003e\n\u003cdiv class=\"bt-icon\"\u003e♡\u003c\/div\u003e\n\u003cspan class=\"bt-benefit-title\"\u003e Ultra-Soft Bristles \u003c\/span\u003e \u003cspan class=\"bt-benefit-text\"\u003e Gentle, smooth and comfortable on skin. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bt-benefit\"\u003e\n\u003cdiv class=\"bt-icon\"\u003e◇\u003c\/div\u003e\n\u003cspan class=\"bt-benefit-title\"\u003e Champagne Handles \u003c\/span\u003e \u003cspan class=\"bt-benefit-text\"\u003e Finished with elegant rose-gold ferrules. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bt-benefit\"\u003e\n\u003cdiv class=\"bt-icon\"\u003e✧\u003c\/div\u003e\n\u003cspan class=\"bt-benefit-title\"\u003e Luxe Brush Pouch \u003c\/span\u003e \u003cspan class=\"bt-benefit-text\"\u003e Keep your collection beautifully organised.\u003cspan style=\"color: rgb(250, 246, 241); font-size: 11px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; text-align: center;\"\u003e Cart\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bt-tagline\"\u003eBeauty. Perfected.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Brush Theory","offers":[{"title":"Default Title","offer_id":48445148332221,"sku":null,"price":250.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0797\/0963\/4749\/files\/A77C29CB-42D2-4B4C-8CE2-E8A553A315F0.png?v=1789400072","url":"https:\/\/brushtheory.co.za\/products\/the-artist-set","provider":"Brush theory","version":"1.0","type":"link"}