{"product_id":"bellorique™-halo-dumbbells","title":"Bellorique™ Halo Dumbbell","description":"\u003cstyle\u003e\n\/* =========================================================\n   BELLORIQUE — HALO DUMBBELL\n   CENTERED LUXURY PRODUCT STORY\n   ========================================================= *\/\n\n\n\/* =========================================================\n   01. BASE\n   ========================================================= *\/\n\n#bellorique-story,\n#bellorique-story * {\n  box-sizing: border-box;\n}\n\n#bellorique-story {\n  --br-bg: #f7f3ec;\n  --br-bg-soft: #fbf9f5;\n  --br-bg-deep: #eee7dc;\n\n  --br-text: #35241e;\n  --br-text-soft: #776a63;\n\n  --br-gold: #ad9270;\n  --br-line: rgba(53, 36, 30, 0.14);\n  --br-line-light: rgba(53, 36, 30, 0.08);\n\n  position: relative;\n  z-index: 1;\n\n  width: 100%;\n  max-width: 100%;\n\n  margin: 32px 0 30px;\n  padding: 0;\n\n  color: var(--br-text);\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   02. REMOVE DESCRIPTION INNER SCROLL\n   不碰 Product Gallery\n   ========================================================= *\/\n\n.product__description:has(#bellorique-story),\n.product-description:has(#bellorique-story),\n.product__text:has(#bellorique-story),\n.product-info__description:has(#bellorique-story),\n.product-info__block:has(#bellorique-story),\n.rte:has(#bellorique-story) {\n  height: auto !important;\n  max-height: none !important;\n\n  overflow: visible !important;\n  overflow-x: visible !important;\n  overflow-y: visible !important;\n}\n\n\n\/* =========================================================\n   03. DESKTOP — 向右扩展\n   不用负 margin\n   不往左侵入 Gallery\n   ========================================================= *\/\n\n@media screen and (min-width: 1200px) {\n  #bellorique-story {\n    width: min(920px, 46vw);\n    max-width: calc(100vw - 40px);\n  }\n}\n\n@media screen and (min-width: 990px) and (max-width: 1199px) {\n  #bellorique-story {\n    width: min(800px, 46vw);\n    max-width: calc(100vw - 32px);\n  }\n}\n\n@media screen and (max-width: 989px) {\n  #bellorique-story {\n    width: 100%;\n    max-width: 100%;\n  }\n}\n\n\n\/* =========================================================\n   04. HERO \/ INTRO\n   ========================================================= *\/\n\n#bellorique-story .br-hero {\n  position: relative;\n\n  width: 100%;\n\n  padding: 10px 6px 30px;\n\n  text-align: center;\n}\n\n\n#bellorique-story .br-kicker {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 12px;\n\n  margin: 0 0 16px;\n\n  color: var(--br-gold);\n\n  font-size: 9px;\n  font-weight: 600;\n\n  line-height: 1;\n\n  letter-spacing: 0.23em;\n\n  text-transform: uppercase;\n}\n\n\n#bellorique-story .br-kicker::before,\n#bellorique-story .br-kicker::after {\n  content: \"\";\n\n  display: block;\n\n  width: 34px;\n  height: 1px;\n\n  background: var(--br-gold);\n\n  opacity: 0.55;\n}\n\n\n#bellorique-story .br-title {\n  max-width: 760px;\n\n  margin: 0 auto;\n\n  color: var(--br-text);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(40px, 4vw, 65px);\n  font-weight: 400;\n\n  line-height: 0.94;\n\n  letter-spacing: -0.045em;\n}\n\n\n#bellorique-story .br-title em {\n  color: var(--br-gold);\n\n  font-weight: 400;\n}\n\n\n#bellorique-story .br-intro-copy {\n  max-width: 470px;\n\n  margin: 18px auto 0;\n\n  color: var(--br-text-soft);\n\n  font-size: 11px;\n  font-weight: 400;\n\n  line-height: 1.7;\n\n  letter-spacing: 0.04em;\n}\n\n\n\/* =========================================================\n   05. MARQUEE\n   ========================================================= *\/\n\n#bellorique-story .br-marquee {\n  width: 100%;\n\n  overflow: hidden;\n\n  margin: 0 0 46px;\n\n  border-top: 1px solid var(--br-line);\n  border-bottom: 1px solid var(--br-line);\n\n  background: var(--br-bg);\n}\n\n\n#bellorique-story .br-marquee-track {\n  display: flex;\n\n  width: max-content;\n\n  animation: brMarquee 26s linear infinite;\n\n  will-change: transform;\n}\n\n\n#bellorique-story .br-marquee:hover .br-marquee-track {\n  animation-play-state: paused;\n}\n\n\n#bellorique-story .br-marquee-group {\n  display: flex;\n\n  align-items: center;\n\n  flex-shrink: 0;\n\n  white-space: nowrap;\n}\n\n\n#bellorique-story .br-marquee-item {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 14px 0;\n\n  color: var(--br-text);\n\n  font-size: 9px;\n  font-weight: 500;\n\n  line-height: 1;\n\n  letter-spacing: 0.18em;\n\n  text-transform: uppercase;\n}\n\n\n#bellorique-story .br-marquee-item::after {\n  content: \"✦\";\n\n  display: inline-block;\n\n  margin: 0 24px;\n\n  color: var(--br-gold);\n\n  font-size: 7px;\n}\n\n\n@keyframes brMarquee {\n  from {\n    transform: translate3d(0, 0, 0);\n  }\n\n  to {\n    transform: translate3d(-50%, 0, 0);\n  }\n}\n\n\n\/* =========================================================\n   06. SECTION\n   全部统一中轴\n   ========================================================= *\/\n\n#bellorique-story .br-section {\n  width: 100%;\n\n  margin: 0 0 58px;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   07. SECTION HEADER\n   ========================================================= *\/\n\n#bellorique-story .br-section-head {\n  display: flex;\n  flex-direction: column;\n\n  align-items: center;\n\n  margin: 0 0 17px;\n}\n\n\n#bellorique-story .br-number {\n  margin: 0 0 9px;\n\n  color: var(--br-gold);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 23px;\n  font-weight: 400;\n\n  line-height: 1;\n}\n\n\n#bellorique-story .br-section-rule {\n  display: block;\n\n  width: 34px;\n  height: 1px;\n\n  margin: 0 0 10px;\n\n  background: var(--br-line);\n}\n\n\n#bellorique-story .br-section-title {\n  margin: 0;\n\n  color: var(--br-text-soft);\n\n  font-size: 8px;\n  font-weight: 600;\n\n  line-height: 1;\n\n  letter-spacing: 0.23em;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   08. IMAGE FRAME\n   三张图全部：\n   同宽\n   居中\n   完整展示\n   不裁切\n   ========================================================= *\/\n\n#bellorique-story .br-image {\n  position: relative;\n\n  display: block;\n\n  width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n\n  background: transparent;\n\n  transform: translateY(0);\n\n  transition:\n    transform 300ms cubic-bezier(.2, .7, .2, 1),\n    filter 300ms cubic-bezier(.2, .7, .2, 1);\n}\n\n\n#bellorique-story .br-image img {\n  display: block;\n\n  width: 100%;\n  max-width: 100%;\n\n  height: auto !important;\n\n  margin: 0;\n\n  border: 0;\n  border-radius: 16px;\n\n  object-fit: contain !important;\n  object-position: center;\n\n  box-shadow:\n    0 7px 24px rgba(50, 34, 28, 0.05);\n\n  transition:\n    box-shadow 300ms cubic-bezier(.2, .7, .2, 1);\n}\n\n\n\/* =========================================================\n   09. HOVER\n   只保留浮起 + 阴影\n   ========================================================= *\/\n\n@media (hover: hover) and (pointer: fine) {\n\n  #bellorique-story .br-image:hover {\n    transform: translateY(-5px);\n  }\n\n  #bellorique-story .br-image:hover img {\n    box-shadow:\n      0 20px 48px rgba(50, 34, 28, 0.13);\n  }\n\n}\n\n\n\/* =========================================================\n   10. IMAGE CAPTION\n   图片下面\n   不覆盖图片\n   ========================================================= *\/\n\n#bellorique-story .br-caption {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 13px;\n\n  margin-top: 14px;\n\n  color: var(--br-text-soft);\n}\n\n\n#bellorique-story .br-caption::before,\n#bellorique-story .br-caption::after {\n  content: \"\";\n\n  width: 36px;\n  height: 1px;\n\n  background: var(--br-line);\n}\n\n\n#bellorique-story .br-caption span {\n  font-size: 8px;\n  font-weight: 500;\n\n  line-height: 1;\n\n  letter-spacing: 0.18em;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   11. EDITORIAL STATEMENT\n   居中，不再左右排\n   ========================================================= *\/\n\n#bellorique-story .br-statement {\n  position: relative;\n\n  width: 100%;\n\n  margin: 2px 0 58px;\n\n  padding: 42px 28px 44px;\n\n  border-top: 1px solid var(--br-line);\n  border-bottom: 1px solid var(--br-line);\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(238, 231, 220, 0.45),\n      rgba(251, 249, 245, 0.25)\n    );\n\n  text-align: center;\n}\n\n\n#bellorique-story .br-statement-mark {\n  margin: 0 0 15px;\n\n  color: var(--br-gold);\n\n  font-size: 9px;\n}\n\n\n#bellorique-story .br-statement-text {\n  max-width: 670px;\n\n  margin: 0 auto;\n\n  color: var(--br-text);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(29px, 3vw, 44px);\n  font-weight: 400;\n\n  line-height: 1.04;\n\n  letter-spacing: -0.035em;\n}\n\n\n#bellorique-story .br-statement-text em {\n  color: var(--br-gold);\n\n  font-weight: 400;\n}\n\n\n#bellorique-story .br-statement-sub {\n  max-width: 430px;\n\n  margin: 16px auto 0;\n\n  color: var(--br-text-soft);\n\n  font-size: 9px;\n\n  line-height: 1.6;\n\n  letter-spacing: 0.12em;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   12. FINAL BRAND BLOCK\n   ========================================================= *\/\n\n#bellorique-story .br-ending {\n  width: 100%;\n\n  padding: 4px 10px 16px;\n\n  text-align: center;\n}\n\n\n#bellorique-story .br-ending-symbol {\n  margin-bottom: 13px;\n\n  color: var(--br-gold);\n\n  font-size: 10px;\n}\n\n\n#bellorique-story .br-ending-title {\n  margin: 0;\n\n  color: var(--br-text);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(24px, 2.5vw, 37px);\n  font-weight: 400;\n\n  line-height: 1.05;\n\n  letter-spacing: -0.03em;\n}\n\n\n#bellorique-story .br-ending-meta {\n  margin: 11px 0 0;\n\n  color: var(--br-text-soft);\n\n  font-size: 8px;\n  font-weight: 500;\n\n  line-height: 1.5;\n\n  letter-spacing: 0.21em;\n\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   13. MOBILE\n   ========================================================= *\/\n\n@media screen and (max-width: 749px) {\n\n  #bellorique-story {\n    width: 100%;\n    max-width: 100%;\n\n    margin-top: 22px;\n    margin-bottom: 22px;\n  }\n\n\n  #bellorique-story .br-hero {\n    padding:\n      4px\n      4px\n      23px;\n  }\n\n\n  #bellorique-story .br-kicker {\n    margin-bottom: 13px;\n\n    font-size: 8px;\n\n    letter-spacing: 0.18em;\n  }\n\n\n  #bellorique-story .br-kicker::before,\n  #bellorique-story .br-kicker::after {\n    width: 22px;\n  }\n\n\n  #bellorique-story .br-title {\n    font-size: clamp(36px, 11vw, 48px);\n\n    line-height: 0.96;\n  }\n\n\n  #bellorique-story .br-intro-copy {\n    max-width: 330px;\n\n    margin-top: 14px;\n\n    font-size: 10px;\n\n    line-height: 1.6;\n  }\n\n\n  #bellorique-story .br-marquee {\n    margin-bottom: 34px;\n  }\n\n\n  #bellorique-story .br-marquee-item {\n    padding-top: 12px;\n    padding-bottom: 12px;\n\n    font-size: 8px;\n  }\n\n\n  #bellorique-story .br-marquee-item::after {\n    margin-left: 17px;\n    margin-right: 17px;\n  }\n\n\n  #bellorique-story .br-section {\n    margin-bottom: 40px;\n  }\n\n\n  #bellorique-story .br-number {\n    font-size: 19px;\n  }\n\n\n  #bellorique-story .br-image img {\n    border-radius: 12px;\n  }\n\n\n  #bellorique-story .br-caption {\n    margin-top: 11px;\n  }\n\n\n  #bellorique-story .br-caption::before,\n  #bellorique-story .br-caption::after {\n    width: 25px;\n  }\n\n\n  #bellorique-story .br-caption span {\n    font-size: 7px;\n  }\n\n\n  #bellorique-story .br-statement {\n    margin-bottom: 40px;\n\n    padding:\n      31px\n      18px\n      33px;\n  }\n\n\n  #bellorique-story .br-statement-text {\n    font-size: clamp(27px, 8.2vw, 36px);\n  }\n\n\n  #bellorique-story .br-statement-sub {\n    max-width: 300px;\n\n    margin-top: 13px;\n\n    font-size: 8px;\n  }\n\n\n  #bellorique-story .br-ending {\n    padding-bottom: 8px;\n  }\n\n\n  #bellorique-story .br-ending-title {\n    font-size: 27px;\n  }\n\n}\n\n\n\/* =========================================================\n   14. EXTRA SMALL MOBILE\n   ========================================================= *\/\n\n@media screen and (max-width: 390px) {\n\n  #bellorique-story .br-title {\n    font-size: 35px;\n  }\n\n\n  #bellorique-story .br-statement-text {\n    font-size: 27px;\n  }\n\n}\n\n\n\/* =========================================================\n   15. REDUCED MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #bellorique-story .br-marquee-track {\n    animation: none !important;\n  }\n\n\n  #bellorique-story .br-image {\n    transition: none !important;\n  }\n\n\n  #bellorique-story .br-image:hover {\n    transform: none !important;\n  }\n\n}\n\u003c\/style\u003e\n\u003csection id=\"bellorique-story\"\u003e\u003c!-- =====================================================\n       HERO\n       ===================================================== --\u003e\u003cheader class=\"br-hero\"\u003e\n\u003cdiv class=\"br-kicker\"\u003eBellorique \/ The Halo Dumbbell\u003c\/div\u003e\n\u003ch2 class=\"br-title\"\u003eStrength, \u003cem\u003ebeautifully considered.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"br-intro-copy\"\u003eA sculptural approach to everyday movement — created to perform beautifully and live naturally within your space.\u003c\/p\u003e\n\u003c\/header\u003e\u003c!-- =====================================================\n       MARQUEE\n       ===================================================== --\u003e\n\u003cdiv class=\"br-marquee\"\u003e\n\u003cdiv class=\"br-marquee-track\"\u003e\n\u003cdiv class=\"br-marquee-group\"\u003e\n\u003cspan class=\"br-marquee-item\"\u003e Beautiful Movement \u003c\/span\u003e \u003cspan class=\"br-marquee-item\"\u003e Sculptural Strength \u003c\/span\u003e \u003cspan class=\"br-marquee-item\"\u003e Designed For Home \u003c\/span\u003e \u003cspan class=\"br-marquee-item\"\u003e Form Meets Function \u003c\/span\u003e \u003cspan class=\"br-marquee-item\"\u003e Move With Intention \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-marquee-group\"\u003e\n\u003cspan class=\"br-marquee-item\"\u003e Beautiful Movement \u003c\/span\u003e \u003cspan class=\"br-marquee-item\"\u003e Sculptural Strength \u003c\/span\u003e \u003cspan class=\"br-marquee-item\"\u003e Designed For Home \u003c\/span\u003e \u003cspan class=\"br-marquee-item\"\u003e Form Meets Function \u003c\/span\u003e \u003cspan class=\"br-marquee-item\"\u003e Move With Intention \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       01\n       ===================================================== --\u003e\n\u003csection class=\"br-section\"\u003e\u003cheader class=\"br-section-head\"\u003e\n\u003cdiv class=\"br-number\"\u003e01\u003c\/div\u003e\n\u003cspan class=\"br-section-rule\"\u003e\u003c\/span\u003e\n\u003cp class=\"br-section-title\"\u003eThe Halo Dumbbell\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cfigure class=\"br-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/4464\/2533\/files\/1-6.png?v=1791273160\" alt=\"Bellorique Halo Dumbbell product details and design\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003cdiv class=\"br-caption\"\u003e\u003cspan\u003e Form \/ Function \/ Movement \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       02\n       ===================================================== --\u003e\n\u003csection class=\"br-section\"\u003e\u003cheader class=\"br-section-head\"\u003e\n\u003cdiv class=\"br-number\"\u003e02\u003c\/div\u003e\n\u003cspan class=\"br-section-rule\"\u003e\u003c\/span\u003e\n\u003cp class=\"br-section-title\"\u003eDesigned To Be Seen\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cfigure class=\"br-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/4464\/2533\/files\/1-7.jpg?v=1791273158\" alt=\"Bellorique Halo Dumbbell features and details\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003cdiv class=\"br-caption\"\u003e\u003cspan\u003e Detail \/ Material \/ Ritual \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       BRAND STATEMENT\n       ===================================================== --\u003e\n\u003csection class=\"br-statement\"\u003e\n\u003cdiv class=\"br-statement-mark\"\u003e✦\u003c\/div\u003e\n\u003cp class=\"br-statement-text\"\u003eFitness equipment that belongs in your home, \u003cem\u003enot hidden from it.\u003c\/em\u003e\u003c\/p\u003e\n\u003cp class=\"br-statement-sub\"\u003eDesigned as an object of movement, considered as an object of living.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       03\n       ===================================================== --\u003e\n\u003csection class=\"br-section\"\u003e\u003cheader class=\"br-section-head\"\u003e\n\u003cdiv class=\"br-number\"\u003e03\u003c\/div\u003e\n\u003cspan class=\"br-section-rule\"\u003e\u003c\/span\u003e\n\u003cp class=\"br-section-title\"\u003eMade For Modern Living\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cfigure class=\"br-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/4464\/2533\/files\/1-8.jpg?v=1791273158\" alt=\"Bellorique Halo Dumbbell lifestyle and home setting\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003cdiv class=\"br-caption\"\u003e\u003cspan\u003e Home \/ Strength \/ Intention \u003c\/span\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       ENDING\n       ===================================================== --\u003e\u003cfooter class=\"br-ending\"\u003e\n\u003cdiv class=\"br-ending-symbol\"\u003e✦\u003c\/div\u003e\n\u003cp class=\"br-ending-title\"\u003eBeautiful movement starts at home.\u003c\/p\u003e\n\u003cp class=\"br-ending-meta\"\u003eBellorique · Objects For Intentional Living\u003c\/p\u003e\n\u003c\/footer\u003e\u003c\/section\u003e","brand":"Bellorique","offers":[{"title":"Default Title","offer_id":67617484407013,"sku":"Bellorique001*1","price":60.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/4464\/2533\/files\/1-1.jpg?v=1791273157","url":"https:\/\/bellorique.com\/products\/bellorique%e2%84%a2-halo-dumbbells","provider":"Bellorique","version":"1.0","type":"link"}