{"title":"sys2","description":null,"products":[{"product_id":"7-tephria™-06-glacier-cut-smoke-gray-optical-glass-ashtray","title":"tephria™ 06 Glacier Cut — Smoke-Gray Optical Glass Ashtray","description":"\u003c!-- tephria™ 06 Glacier Cut — Shopify Product Description --\u003e\n\u003cstyle\u003e\n .tph-page,\n .tph-page * {\n box-sizing: border-box;\n }\n\n .tph-page {\n --tph-ink: #211f1d;\n --tph-charcoal: #292725;\n --tph-muted: #716d68;\n --tph-cream: #f4f2ee;\n --tph-warm: #eae7e1;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #92816d;\n --tph-glass: #c5c1ba;\n\n display: block;\n width: 100%;\n max-width: 900px;\n min-width: 0;\n margin: 0 auto;\n overflow: hidden;\n color: var(--tph-ink);\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n }\n\n .tph-page *,\n .tph-page *::before,\n .tph-page *::after {\n box-sizing: border-box;\n }\n\n .tph-page img {\n display: block;\n width: 100%;\n max-width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .tph-page h2,\n .tph-page h3,\n .tph-page p {\n margin-top: 0;\n overflow-wrap: anywhere;\n }\n\n .tph-page h2,\n .tph-page h3 {\n word-break: normal;\n }\n\n .tph-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 14px;\n color: var(--tph-accent);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-eyebrow::before {\n flex: 0 0 23px;\n width: 23px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .tph-brand {\n margin: 0 0 9px;\n color: var(--tph-ink);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.35;\n }\n\n .tph-image-slot {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #e3e1dd;\n color: #504c46;\n text-align: center;\n }\n\n .tph-image-slot span {\n display: inline-block;\n padding: 12px 16px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.4;\n }\n\n \/* 1. Main image and product introduction *\/\n .tph-hero {\n display: block;\n width: 100%;\n min-width: 0;\n background: linear-gradient(145deg, #fff 0%, var(--tph-cream) 100%);\n }\n\n .tph-hero-media {\n width: 100%;\n padding: clamp(16px, 4vw, 38px);\n }\n\n .tph-main-slot {\n aspect-ratio: 1 \/ 1;\n border-radius: 16px;\n box-shadow: 0 12px 32px rgba(33, 31, 29, 0.09);\n }\n\n .tph-hero-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: 0 clamp(20px, 6vw, 60px) clamp(34px, 6vw, 58px);\n }\n\n .tph-hero h2 {\n max-width: 720px;\n margin: 0 0 18px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(32px, 5vw, 54px);\n font-weight: 400;\n line-height: 1.12;\n letter-spacing: -0.7px;\n }\n\n .tph-lead {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--tph-muted);\n font-size: 16px;\n line-height: 1.75;\n }\n\n .tph-points {\n display: grid;\n gap: 10px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .tph-points li {\n position: relative;\n padding-left: 25px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.6;\n }\n\n .tph-points li::before {\n position: absolute;\n top: 0;\n left: 0;\n color: var(--tph-accent);\n content: \"✦\";\n }\n\n \/* 2. Product qualities *\/\n .tph-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n border-top: 1px solid var(--tph-line);\n border-bottom: 1px solid var(--tph-line);\n background: #fff;\n }\n\n .tph-trust-item {\n min-width: 0;\n padding: 20px 14px;\n text-align: center;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-trust-item strong {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n font-weight: 700;\n line-height: 1.45;\n }\n\n .tph-trust-item span {\n display: block;\n color: var(--tph-muted);\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* 3. Lifestyle image and copy *\/\n .tph-scene {\n display: block;\n width: 100%;\n background: var(--tph-charcoal);\n color: #fffaf2;\n }\n\n .tph-scene-slot {\n aspect-ratio: 1 \/ 1;\n }\n\n .tph-scene-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: clamp(30px, 5vw, 48px) clamp(20px, 6vw, 60px);\n }\n\n .tph-scene h2,\n .tph-section-title {\n margin: 0 0 16px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(29px, 4.5vw, 44px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-scene .tph-eyebrow {\n color: #c9c0b2;\n }\n\n .tph-scene p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 250, 242, 0.77);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 4. One detail image only *\/\n .tph-details {\n width: 100%;\n padding: clamp(40px, 7vw, 72px) clamp(16px, 4vw, 38px);\n background: var(--tph-cream);\n }\n\n .tph-heading {\n max-width: 690px;\n margin: 0 auto 30px;\n text-align: center;\n }\n\n .tph-heading p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-single-detail {\n display: block;\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .tph-detail-slot {\n aspect-ratio: 1 \/ 1;\n border: 1px solid var(--tph-line);\n border-radius: 14px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(33, 31, 29, 0.05);\n }\n\n .tph-detail-copy {\n padding: 22px 4px 0;\n }\n\n .tph-detail-copy h3 {\n margin: 0 0 9px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 1.25;\n }\n\n .tph-detail-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 5. Dimension image and weight *\/\n .tph-dimensions {\n display: block;\n width: 100%;\n padding: clamp(34px, 6vw, 58px) clamp(16px, 4vw, 38px);\n background: #fff;\n }\n\n .tph-dimension-slot {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n aspect-ratio: 1 \/ 1;\n border-radius: 14px;\n box-shadow: 0 12px 30px rgba(33, 31, 29, 0.07);\n }\n\n .tph-dimensions-copy {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n padding-top: 28px;\n }\n\n .tph-dimensions-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n .tph-weight {\n display: inline-block;\n margin: 2px 0 13px;\n color: var(--tph-accent);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(46px, 8vw, 72px);\n line-height: 1;\n }\n\n \/* 6. Specifications and care *\/\n .tph-specs {\n width: 100%;\n padding: clamp(40px, 6vw, 68px) clamp(16px, 4vw, 32px);\n background: var(--tph-warm);\n text-align: center;\n }\n\n .tph-specs \u003e .tph-section-title {\n margin-bottom: 0;\n }\n\n .tph-spec-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n max-width: 820px;\n margin: 26px auto 0;\n overflow: hidden;\n border: 1px solid var(--tph-line);\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.74);\n }\n\n .tph-spec {\n min-width: 0;\n min-height: 92px;\n padding: 18px 10px;\n }\n\n .tph-spec + .tph-spec {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-spec span {\n display: block;\n margin-bottom: 6px;\n color: var(--tph-muted);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-spec strong {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.4;\n }\n\n .tph-care {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n max-width: 820px;\n margin: 22px auto 0;\n }\n\n .tph-care div {\n padding: 15px 13px;\n border-radius: 9px;\n background: #fff;\n color: var(--tph-charcoal);\n font-size: 13px;\n font-weight: 600;\n line-height: 1.55;\n }\n\n \/* 7. Brand close *\/\n .tph-final {\n width: 100%;\n padding: clamp(42px, 7vw, 72px) 20px;\n background: #242321;\n color: #fffaf2;\n text-align: center;\n }\n\n .tph-final h2 {\n max-width: 680px;\n margin: 0 auto 14px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 4.5vw, 48px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-final p {\n max-width: 580px;\n margin: 0 auto;\n color: rgba(255, 250, 242, 0.75);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-final .tph-brand {\n color: #fffaf2;\n }\n\n @media (max-width: 600px) {\n .tph-trust {\n grid-template-columns: 1fr;\n }\n\n .tph-trust-item {\n padding: 15px 14px;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .tph-spec:nth-child(3) {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec:nth-child(4) {\n border-top: 1px solid var(--tph-line);\n }\n\n .tph-care {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n }\n\u003c\/style\u003e\n\u003csection class=\"tph-page\"\u003e\u003c!-- 1. Main image --\u003e\n\u003cdiv class=\"tph-hero\"\u003e\n\u003cdiv class=\"tph-hero-media\"\u003e\n\u003cdiv class=\"tph-image-slot tph-main-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/7_4.png?v=1790784299\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-hero-copy\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003e06 Glacier Cut\u003c\/div\u003e\n\u003ch2\u003eA Refined Statement in Solid Glass and Clean Geometry.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eGlacier Cut brings clarity and weight to a sharply defined geometric form. Its smoke-gray glass body is shaped with faceted edges, a deep beveled basin, and precisely cut rests, creating a restrained centerpiece with a distinctive optical presence.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eSolid optical glass with a translucent smoke-gray finish\u003c\/li\u003e\n\u003cli\u003eDeep beveled basin set within a faceted octagonal body\u003c\/li\u003e\n\u003cli\u003ePrecisely cut rests integrated around the rim\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Product qualities --\u003e\n\u003cdiv class=\"tph-trust\"\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eSolid Optical Glass\u003c\/strong\u003e \u003cspan\u003eA substantial glass form with clear, polished surfaces\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eFaceted Geometry\u003c\/strong\u003e \u003cspan\u003eAngular outer planes define the octagonal silhouette\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eBeveled Basin\u003c\/strong\u003e \u003cspan\u003eA deep inner bowl with integrated rim rests\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Scene image --\u003e\n\u003cdiv class=\"tph-scene\"\u003e\n\u003cdiv class=\"tph-image-slot tph-scene-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/7_1.png?v=1790784299\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Clear, Grounded Presence\u003c\/div\u003e\n\u003ch2\u003eGlass Geometry for Considered Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or polished stone console, Glacier Cut catches and reflects the surrounding tones through its faceted glass edges. Its smoke-gray finish works naturally with dark wood, leather, and restrained metallic accents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. One detail image --\u003e\n\u003cdiv class=\"tph-details\"\u003e\n\u003cdiv class=\"tph-heading\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eRefined in Every Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eFaceted Edges, Precisely Cut Rests\u003c\/h2\u003e\n\u003cp\u003eThe beveled inner basin and angular outer planes are shaped into one continuous glass composition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-single-detail\"\u003e\n\u003cdiv class=\"tph-image-slot tph-detail-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/7_2.png?v=1790784299\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eOptical Glass with a Deep Beveled Basin\u003c\/h3\u003e\n\u003cp\u003ePolished facets define the octagonal perimeter and catch light along the edges. The inner bowl descends through a series of beveled planes, while precisely cut rests are integrated into the rim without interrupting the overall geometry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Dimension image --\u003e\n\u003cdiv class=\"tph-dimensions\"\u003e\n\u003cdiv class=\"tph-image-slot tph-dimension-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/7_3.png?v=1790784299\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-dimensions-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSize \u0026amp; Substance\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Compact Footprint with Solid Presence\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e3.3 lb\u003c\/span\u003e\n\u003cp\u003eGlacier Cut measures 5.9 inches across and 1.8 inches high. Its solid glass construction gives the compact geometric form a substantial presence on the tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Specifications and care --\u003e\n\u003cdiv class=\"tph-specs\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSpecifications\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eGlacier Cut, in Detail\u003c\/h2\u003e\n\u003cdiv class=\"tph-spec-grid\" role=\"list\"\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eWidth\u003c\/span\u003e \u003cstrong\u003e5.9 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e5.9 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e1.8 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eNet Weight\u003c\/span\u003e \u003cstrong\u003e3.3 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eAllow the glass to cool before emptying.\u003c\/div\u003e\n\u003cdiv\u003eClean gently with a soft cloth and mild soap.\u003c\/div\u003e\n\u003cdiv\u003eAvoid hard impacts and abrasive cleaning materials.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Brand close --\u003e\n\u003cdiv class=\"tph-final\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003ch2\u003eLet Light Find Its Shape.\u003c\/h2\u003e\n\u003cp\u003eGlacier Cut pairs solid smoke-gray glass with precise geometry for a composed, lasting tabletop presence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67593071853797,"sku":null,"price":68.99,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/7_1.png?v=1790784299"},{"product_id":"8-tephria™-12-brass-helix-sculptural-brass-ashtray-with-removable-black-ceramic-bowl","title":"tephria™ 12 Brass Helix — Sculptural Brass Ashtray with Removable Black Ceramic Bowl","description":"\u003c!-- tephria™ 12 Brass Helix — Shopify Product Description --\u003e\n\u003cstyle\u003e\n .tph-page,\n .tph-page * {\n box-sizing: border-box;\n }\n\n .tph-page {\n --tph-ink: #211f1d;\n --tph-charcoal: #292725;\n --tph-muted: #716d68;\n --tph-cream: #f4f2ee;\n --tph-warm: #eae7e1;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #a77b4d;\n --tph-brass: #b18455;\n\n display: block;\n width: 100%;\n max-width: 900px;\n min-width: 0;\n margin: 0 auto;\n overflow: hidden;\n color: var(--tph-ink);\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n }\n\n .tph-page *,\n .tph-page *::before,\n .tph-page *::after {\n box-sizing: border-box;\n }\n\n .tph-page img {\n display: block;\n width: 100%;\n max-width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .tph-page h2,\n .tph-page h3,\n .tph-page p {\n margin-top: 0;\n overflow-wrap: anywhere;\n }\n\n .tph-page h2,\n .tph-page h3 {\n word-break: normal;\n }\n\n .tph-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 14px;\n color: var(--tph-accent);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-eyebrow::before {\n flex: 0 0 23px;\n width: 23px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .tph-brand {\n margin: 0 0 9px;\n color: var(--tph-ink);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.35;\n text-transform: none;\n }\n\n .tph-image-slot {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #e3e1dd;\n color: #504c46;\n text-align: center;\n }\n\n .tph-image-slot span {\n display: inline-block;\n padding: 12px 16px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.4;\n }\n\n \/* 1. Main image and product introduction *\/\n .tph-hero {\n display: block;\n width: 100%;\n min-width: 0;\n background: linear-gradient(145deg, #fff 0%, var(--tph-cream) 100%);\n }\n\n .tph-hero-media {\n width: 100%;\n padding: clamp(16px, 4vw, 38px);\n }\n\n .tph-main-slot {\n aspect-ratio: 1 \/ 1;\n border-radius: 16px;\n box-shadow: 0 12px 32px rgba(33, 31, 29, 0.09);\n }\n\n .tph-hero-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: 0 clamp(20px, 6vw, 60px) clamp(34px, 6vw, 58px);\n }\n\n .tph-hero h2 {\n max-width: 720px;\n margin: 0 0 18px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(32px, 5vw, 54px);\n font-weight: 400;\n line-height: 1.12;\n letter-spacing: -0.7px;\n }\n\n .tph-lead {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--tph-muted);\n font-size: 16px;\n line-height: 1.75;\n }\n\n .tph-points {\n display: grid;\n gap: 10px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .tph-points li {\n position: relative;\n padding-left: 25px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.6;\n }\n\n .tph-points li::before {\n position: absolute;\n top: 0;\n left: 0;\n color: var(--tph-accent);\n content: \"✦\";\n }\n\n \/* 2. Product qualities *\/\n .tph-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n border-top: 1px solid var(--tph-line);\n border-bottom: 1px solid var(--tph-line);\n background: #fff;\n }\n\n .tph-trust-item {\n min-width: 0;\n padding: 20px 14px;\n text-align: center;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-trust-item strong {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n font-weight: 700;\n line-height: 1.45;\n }\n\n .tph-trust-item span {\n display: block;\n color: var(--tph-muted);\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* 3. Lifestyle image and copy *\/\n .tph-scene {\n display: block;\n width: 100%;\n background: var(--tph-charcoal);\n color: #fffaf2;\n }\n\n .tph-scene-slot {\n aspect-ratio: 1 \/ 1;\n }\n\n .tph-scene-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: clamp(30px, 5vw, 48px) clamp(20px, 6vw, 60px);\n }\n\n .tph-scene h2,\n .tph-section-title {\n margin: 0 0 16px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(29px, 4.5vw, 44px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-scene .tph-eyebrow {\n color: #d2b28d;\n }\n\n .tph-scene p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 250, 242, 0.77);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 4. One detail image only *\/\n .tph-details {\n width: 100%;\n padding: clamp(40px, 7vw, 72px) clamp(16px, 4vw, 38px);\n background: var(--tph-cream);\n }\n\n .tph-heading {\n max-width: 690px;\n margin: 0 auto 30px;\n text-align: center;\n }\n\n .tph-heading p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-single-detail {\n display: block;\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .tph-detail-slot {\n aspect-ratio: 1 \/ 1;\n border: 1px solid var(--tph-line);\n border-radius: 14px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(33, 31, 29, 0.05);\n }\n\n .tph-detail-copy {\n padding: 22px 4px 0;\n }\n\n .tph-detail-copy h3 {\n margin: 0 0 9px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 1.25;\n }\n\n .tph-detail-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 5. Dimension image and weight *\/\n .tph-dimensions {\n display: block;\n width: 100%;\n padding: clamp(34px, 6vw, 58px) clamp(16px, 4vw, 38px);\n background: #fff;\n }\n\n .tph-dimension-slot {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n aspect-ratio: 1 \/ 1;\n border-radius: 14px;\n box-shadow: 0 12px 30px rgba(33, 31, 29, 0.07);\n }\n\n .tph-dimensions-copy {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n padding-top: 28px;\n }\n\n .tph-dimensions-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n .tph-weight {\n display: inline-block;\n margin: 2px 0 13px;\n color: var(--tph-accent);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(46px, 8vw, 72px);\n line-height: 1;\n }\n\n \/* 6. Specifications and care *\/\n .tph-specs {\n width: 100%;\n padding: clamp(40px, 6vw, 68px) clamp(16px, 4vw, 32px);\n background: var(--tph-warm);\n text-align: center;\n }\n\n .tph-specs \u003e .tph-section-title {\n margin-bottom: 0;\n }\n\n .tph-spec-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n max-width: 820px;\n margin: 26px auto 0;\n overflow: hidden;\n border: 1px solid var(--tph-line);\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.74);\n }\n\n .tph-spec {\n min-width: 0;\n min-height: 92px;\n padding: 18px 10px;\n }\n\n .tph-spec + .tph-spec {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-spec span {\n display: block;\n margin-bottom: 6px;\n color: var(--tph-muted);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-spec strong {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.4;\n }\n\n .tph-care {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n max-width: 820px;\n margin: 22px auto 0;\n }\n\n .tph-care div {\n padding: 15px 13px;\n border-radius: 9px;\n background: #fff;\n color: var(--tph-charcoal);\n font-size: 13px;\n font-weight: 600;\n line-height: 1.55;\n }\n\n \/* 7. Brand close *\/\n .tph-final {\n width: 100%;\n padding: clamp(42px, 7vw, 72px) 20px;\n background: #242321;\n color: #fffaf2;\n text-align: center;\n }\n\n .tph-final h2 {\n max-width: 680px;\n margin: 0 auto 14px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 4.5vw, 48px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-final p {\n max-width: 580px;\n margin: 0 auto;\n color: rgba(255, 250, 242, 0.75);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-final .tph-brand {\n color: #fffaf2;\n }\n\n @media (max-width: 600px) {\n .tph-trust {\n grid-template-columns: 1fr;\n }\n\n .tph-trust-item {\n padding: 15px 14px;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .tph-spec:nth-child(3) {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec:nth-child(4) {\n border-top: 1px solid var(--tph-line);\n }\n\n .tph-care {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n }\n\u003c\/style\u003e\n\u003csection class=\"tph-page\"\u003e\u003c!-- 1. Main image --\u003e\n\u003cdiv class=\"tph-hero\"\u003e\n\u003cdiv class=\"tph-hero-media\"\u003e\n\u003cdiv class=\"tph-image-slot tph-main-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/8_4.png?v=1790785166\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-hero-copy\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003e12 Brass Helix\u003c\/div\u003e\n\u003ch2\u003eSculptural Brass, Shaped by a Flowing Helix.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eBrass Helix pairs a dark bronze-toned brass body with a recessed black ceramic bowl. Its repeating diagonal ridges wrap around a circular profile, while three integrated cigar rests complete the sculpted rim. The result is a refined tabletop accent with a bold, material-rich presence.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eSolid brass body with a dark bronze finish\u003c\/li\u003e\n\u003cli\u003eRemovable recessed bowl in black ceramic\u003c\/li\u003e\n\u003cli\u003eThree integrated cigar rests shaped into the rim\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Product qualities --\u003e\n\u003cdiv class=\"tph-trust\"\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eSculpted Brass Body\u003c\/strong\u003e \u003cspan\u003eFlowing diagonal ridges define the outer form\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eRemovable Ceramic Bowl\u003c\/strong\u003e \u003cspan\u003eA recessed black insert contrasts with warm metal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eThree Integrated Rests\u003c\/strong\u003e \u003cspan\u003eBuilt into the rim as part of the circular silhouette\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Scene image --\u003e\n\u003cdiv class=\"tph-scene\"\u003e\n\u003cdiv class=\"tph-image-slot tph-scene-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/8_1.png?v=1790785167\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Warm, Grounded Presence\u003c\/div\u003e\n\u003ch2\u003eBrass Texture for Considered Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or stone console, Brass Helix brings together the depth of a dark ceramic bowl and the warmth of a bronze-toned body. Its circular form complements dark wood, leather, and polished stone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. One detail image --\u003e\n\u003cdiv class=\"tph-details\"\u003e\n\u003cdiv class=\"tph-heading\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eRefined in Every Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eFlowing Ridges, Integrated Rests\u003c\/h2\u003e\n\u003cp\u003eThe sculpted exterior, recessed ceramic bowl, and three rim rests form one composed circular design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-single-detail\"\u003e\n\u003cdiv class=\"tph-image-slot tph-detail-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/8_2.png?v=1790785166\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eSolid Brass with a Removable Ceramic Bowl\u003c\/h3\u003e\n\u003cp\u003eRepeating diagonal ridges travel around the brass body, catching highlights across its dark bronze finish. The black ceramic bowl is recessed into the center and designed to lift out, while three integrated rests are shaped into the rim.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Dimension image --\u003e\n\u003cdiv class=\"tph-dimensions\"\u003e\n\u003cdiv class=\"tph-image-slot tph-dimension-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/8_3.png?v=1790785167\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-dimensions-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSize \u0026amp; Substance\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Compact Footprint with a Solid Presence\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e2.5 lb\u003c\/span\u003e\n\u003cp\u003eBrass Helix measures 6.3 inches across and 1.9 inches high. Its substantial weight and broad circular profile give it a grounded presence on a tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Specifications and care --\u003e\n\u003cdiv class=\"tph-specs\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSpecifications\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eBrass Helix, in Detail\u003c\/h2\u003e\n\u003cdiv class=\"tph-spec-grid\" role=\"list\"\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eWidth\u003c\/span\u003e \u003cstrong\u003e6.3 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e6.3 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e1.9 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eNet Weight\u003c\/span\u003e \u003cstrong\u003e2.5 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eAllow the ceramic bowl to cool before emptying.\u003c\/div\u003e\n\u003cdiv\u003eClean the bowl gently with a soft cloth and mild soap.\u003c\/div\u003e\n\u003cdiv\u003eAvoid hard impacts and abrasive cleaning materials.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Brand close --\u003e\n\u003cdiv class=\"tph-final\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003ch2\u003eLet Texture Shape the Moment.\u003c\/h2\u003e\n\u003cp\u003eBrass Helix brings a sculpted brass form, a removable black ceramic bowl, and precise functional details to the tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67593379250405,"sku":null,"price":45.36,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/8_4.png?v=1790785166"},{"product_id":"9-tephria™-11-slate-breakwater-natural-slate-ashtray-with-sculpted-stepped-edges","title":"tephria™ 11 Slate Breakwater — Natural Slate Ashtray with Sculpted Stepped Edges","description":"\u003c!-- tephria™ 11 Slate Breakwater — Shopify Product Description --\u003e\n\u003cstyle\u003e\n .tph-page,\n .tph-page * {\n box-sizing: border-box;\n }\n\n .tph-page {\n --tph-ink: #211f1d;\n --tph-charcoal: #292725;\n --tph-muted: #716d68;\n --tph-cream: #f4f2ee;\n --tph-warm: #eae7e1;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #77736d;\n --tph-slate: #55534f;\n\n display: block;\n width: 100%;\n max-width: 900px;\n min-width: 0;\n margin: 0 auto;\n overflow: hidden;\n color: var(--tph-ink);\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n }\n\n .tph-page *,\n .tph-page *::before,\n .tph-page *::after {\n box-sizing: border-box;\n }\n\n .tph-page img {\n display: block;\n width: 100%;\n max-width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .tph-page h2,\n .tph-page h3,\n .tph-page p {\n margin-top: 0;\n overflow-wrap: anywhere;\n }\n\n .tph-page h2,\n .tph-page h3 {\n word-break: normal;\n }\n\n .tph-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 14px;\n color: var(--tph-accent);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-eyebrow::before {\n flex: 0 0 23px;\n width: 23px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .tph-brand {\n margin: 0 0 9px;\n color: var(--tph-ink);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.35;\n text-transform: none;\n }\n\n .tph-image-slot {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #e3e1dd;\n color: #504c46;\n text-align: center;\n }\n\n .tph-image-slot span {\n display: inline-block;\n padding: 12px 16px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.4;\n }\n\n \/* 1. Main image and product introduction *\/\n .tph-hero {\n display: block;\n width: 100%;\n min-width: 0;\n background: linear-gradient(145deg, #fff 0%, var(--tph-cream) 100%);\n }\n\n .tph-hero-media {\n width: 100%;\n padding: clamp(16px, 4vw, 38px);\n }\n\n .tph-main-slot {\n aspect-ratio: 1 \/ 1;\n border-radius: 16px;\n box-shadow: 0 12px 32px rgba(33, 31, 29, 0.09);\n }\n\n .tph-hero-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: 0 clamp(20px, 6vw, 60px) clamp(34px, 6vw, 58px);\n }\n\n .tph-hero h2 {\n max-width: 720px;\n margin: 0 0 18px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(32px, 5vw, 54px);\n font-weight: 400;\n line-height: 1.12;\n letter-spacing: -0.7px;\n }\n\n .tph-lead {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--tph-muted);\n font-size: 16px;\n line-height: 1.75;\n }\n\n .tph-points {\n display: grid;\n gap: 10px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .tph-points li {\n position: relative;\n padding-left: 25px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.6;\n }\n\n .tph-points li::before {\n position: absolute;\n top: 0;\n left: 0;\n color: var(--tph-accent);\n content: \"✦\";\n }\n\n \/* 2. Product qualities *\/\n .tph-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n border-top: 1px solid var(--tph-line);\n border-bottom: 1px solid var(--tph-line);\n background: #fff;\n }\n\n .tph-trust-item {\n min-width: 0;\n padding: 20px 14px;\n text-align: center;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-trust-item strong {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n font-weight: 700;\n line-height: 1.45;\n }\n\n .tph-trust-item span {\n display: block;\n color: var(--tph-muted);\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* 3. Lifestyle image and copy *\/\n .tph-scene {\n display: block;\n width: 100%;\n background: var(--tph-charcoal);\n color: #fffaf2;\n }\n\n .tph-scene-slot {\n aspect-ratio: 1 \/ 1;\n }\n\n .tph-scene-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: clamp(30px, 5vw, 48px) clamp(20px, 6vw, 60px);\n }\n\n .tph-scene h2,\n .tph-section-title {\n margin: 0 0 16px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(29px, 4.5vw, 44px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-scene .tph-eyebrow {\n color: #c8c3bb;\n }\n\n .tph-scene p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 250, 242, 0.77);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 4. One detail image only *\/\n .tph-details {\n width: 100%;\n padding: clamp(40px, 7vw, 72px) clamp(16px, 4vw, 38px);\n background: var(--tph-cream);\n }\n\n .tph-heading {\n max-width: 690px;\n margin: 0 auto 30px;\n text-align: center;\n }\n\n .tph-heading p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-single-detail {\n display: block;\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .tph-detail-slot {\n aspect-ratio: 1 \/ 1;\n border: 1px solid var(--tph-line);\n border-radius: 14px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(33, 31, 29, 0.05);\n }\n\n .tph-detail-copy {\n padding: 22px 4px 0;\n }\n\n .tph-detail-copy h3 {\n margin: 0 0 9px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 1.25;\n }\n\n .tph-detail-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 5. Dimension image and weight *\/\n .tph-dimensions {\n display: block;\n width: 100%;\n padding: clamp(34px, 6vw, 58px) clamp(16px, 4vw, 38px);\n background: #fff;\n }\n\n .tph-dimension-slot {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n aspect-ratio: 1 \/ 1;\n border-radius: 14px;\n box-shadow: 0 12px 30px rgba(33, 31, 29, 0.07);\n }\n\n .tph-dimensions-copy {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n padding-top: 28px;\n }\n\n .tph-dimensions-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n .tph-weight {\n display: inline-block;\n margin: 2px 0 13px;\n color: var(--tph-accent);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(46px, 8vw, 72px);\n line-height: 1;\n }\n\n \/* 6. Specifications and care *\/\n .tph-specs {\n width: 100%;\n padding: clamp(40px, 6vw, 68px) clamp(16px, 4vw, 32px);\n background: var(--tph-warm);\n text-align: center;\n }\n\n .tph-specs \u003e .tph-section-title {\n margin-bottom: 0;\n }\n\n .tph-spec-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n max-width: 820px;\n margin: 26px auto 0;\n overflow: hidden;\n border: 1px solid var(--tph-line);\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.74);\n }\n\n .tph-spec {\n min-width: 0;\n min-height: 92px;\n padding: 18px 10px;\n }\n\n .tph-spec + .tph-spec {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-spec span {\n display: block;\n margin-bottom: 6px;\n color: var(--tph-muted);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-spec strong {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.4;\n }\n\n .tph-care {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n max-width: 820px;\n margin: 22px auto 0;\n }\n\n .tph-care div {\n padding: 15px 13px;\n border-radius: 9px;\n background: #fff;\n color: var(--tph-charcoal);\n font-size: 13px;\n font-weight: 600;\n line-height: 1.55;\n }\n\n \/* 7. Brand close *\/\n .tph-final {\n width: 100%;\n padding: clamp(42px, 7vw, 72px) 20px;\n background: #242321;\n color: #fffaf2;\n text-align: center;\n }\n\n .tph-final h2 {\n max-width: 680px;\n margin: 0 auto 14px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 4.5vw, 48px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-final p {\n max-width: 580px;\n margin: 0 auto;\n color: rgba(255, 250, 242, 0.75);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-final .tph-brand {\n color: #fffaf2;\n }\n\n @media (max-width: 600px) {\n .tph-trust {\n grid-template-columns: 1fr;\n }\n\n .tph-trust-item {\n padding: 15px 14px;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .tph-spec:nth-child(3) {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec:nth-child(4) {\n border-top: 1px solid var(--tph-line);\n }\n\n .tph-care {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n }\n\u003c\/style\u003e\n\u003csection class=\"tph-page\"\u003e\u003c!-- 1. Main image --\u003e\n\u003cdiv class=\"tph-hero\"\u003e\n\u003cdiv class=\"tph-hero-media\"\u003e\n\u003cdiv class=\"tph-image-slot tph-main-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/9_4.png?v=1790785339\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-hero-copy\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003e11 Slate Breakwater\u003c\/div\u003e\n\u003ch2\u003eNatural Slate, Shaped by a Stepped Silhouette.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eSlate Breakwater brings the layered character of natural dark slate into a long, low form. Its broad, shallow basin is framed by an asymmetrical stepped edge, while two wide notches are carved into opposite sides for a clean, functional profile.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eNatural dark slate with distinctive layered texture\u003c\/li\u003e\n\u003cli\u003eBroad, shallow basin framed by a stepped edge\u003c\/li\u003e\n\u003cli\u003eTwo wide notches integrated into the sides\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Product qualities --\u003e\n\u003cdiv class=\"tph-trust\"\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eNatural Layered Slate\u003c\/strong\u003e \u003cspan\u003eDark stone with visible, varied natural striations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eAsymmetrical Profile\u003c\/strong\u003e \u003cspan\u003eA stepped edge gives the low rectangular form definition\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eBroad Shallow Basin\u003c\/strong\u003e \u003cspan\u003eA spacious interior framed by sculpted sides\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Scene image --\u003e\n\u003cdiv class=\"tph-scene\"\u003e\n\u003cdiv class=\"tph-image-slot tph-scene-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/9_1.png?v=1790785339\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Grounded Stone Presence\u003c\/div\u003e\n\u003ch2\u003eNatural Slate for Considered Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or stone console, Slate Breakwater brings natural texture and a composed horizontal silhouette to the setting. Its dark layered surface pairs naturally with wood, leather, and restrained metallic accents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. One detail image --\u003e\n\u003cdiv class=\"tph-details\"\u003e\n\u003cdiv class=\"tph-heading\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eRefined in Every Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eLayered Stone, Sculpted Edges\u003c\/h2\u003e\n\u003cp\u003eNatural slate texture meets a shallow basin, two wide notches, and an asymmetrical stepped perimeter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-single-detail\"\u003e\n\u003cdiv class=\"tph-image-slot tph-detail-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/9_2.png?v=1790785339\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eA Broad Basin in Natural Dark Slate\u003c\/h3\u003e\n\u003cp\u003eThe interior basin sits low within the rectangular body, leaving the stone's layered edges visible around the perimeter. Two wide notches interrupt the sides, while the asymmetrical stepped profile adds depth to the silhouette without obscuring the natural slate texture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Dimension image --\u003e\n\u003cdiv class=\"tph-dimensions\"\u003e\n\u003cdiv class=\"tph-image-slot tph-dimension-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/9_3.png?v=1790785339\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-dimensions-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSize \u0026amp; Substance\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Long Profile with Solid Presence\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e2.8 lb\u003c\/span\u003e\n\u003cp\u003eSlate Breakwater measures 8.0 inches wide, 4.7 inches deep, and 1.5 inches high. Its low rectangular shape creates a generous tabletop footprint while maintaining a grounded profile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Specifications and care --\u003e\n\u003cdiv class=\"tph-specs\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSpecifications\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eSlate Breakwater, in Detail\u003c\/h2\u003e\n\u003cdiv class=\"tph-spec-grid\" role=\"list\"\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eWidth\u003c\/span\u003e \u003cstrong\u003e8.0 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e4.7 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e1.5 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eNet Weight\u003c\/span\u003e \u003cstrong\u003e2.8 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eEmpty the basin carefully and avoid dropping the stone.\u003c\/div\u003e\n\u003cdiv\u003eWipe clean with a soft, damp cloth.\u003c\/div\u003e\n\u003cdiv\u003eAvoid abrasive cleaners and hard impacts.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Brand close --\u003e\n\u003cdiv class=\"tph-final\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003ch2\u003eLet Natural Texture Set the Tone.\u003c\/h2\u003e\n\u003cp\u003eSlate Breakwater pairs layered dark stone with a broad basin and a distinctive stepped silhouette for a grounded tabletop presence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67593433284837,"sku":null,"price":56.99,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/9_4.png?v=1790785339"},{"product_id":"10-tephria™-13-verde-quarry-green-marble-ashtray-with-bronze-finished-cigar-rests","title":"tephria™ 13 Verde Quarry — Green Marble Ashtray with Bronze-Finished Cigar Rests","description":"\u003c!-- tephria™ 13 Verde Quarry — Shopify Product Description --\u003e\n\u003cstyle\u003e\n .tph-page,\n .tph-page * {\n box-sizing: border-box;\n }\n\n .tph-page {\n --tph-ink: #211f1d;\n --tph-charcoal: #292725;\n --tph-muted: #716d68;\n --tph-cream: #f4f2ee;\n --tph-warm: #eae7e1;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #6f7968;\n --tph-stone: #26382d;\n\n display: block;\n width: 100%;\n max-width: 900px;\n min-width: 0;\n margin: 0 auto;\n overflow: hidden;\n color: var(--tph-ink);\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n }\n\n .tph-page *,\n .tph-page *::before,\n .tph-page *::after {\n box-sizing: border-box;\n }\n\n .tph-page img {\n display: block;\n width: 100%;\n max-width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .tph-page h2,\n .tph-page h3,\n .tph-page p {\n margin-top: 0;\n overflow-wrap: anywhere;\n }\n\n .tph-page h2,\n .tph-page h3 {\n word-break: normal;\n }\n\n .tph-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 14px;\n color: var(--tph-accent);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-eyebrow::before {\n flex: 0 0 23px;\n width: 23px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .tph-brand {\n margin: 0 0 9px;\n color: var(--tph-ink);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.35;\n text-transform: none;\n }\n\n .tph-image-slot {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #e3e1dd;\n color: #504c46;\n text-align: center;\n }\n\n .tph-image-slot span {\n display: inline-block;\n padding: 12px 16px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.4;\n }\n\n \/* 1. Main image and product introduction *\/\n .tph-hero {\n display: block;\n width: 100%;\n min-width: 0;\n background: linear-gradient(145deg, #fff 0%, var(--tph-cream) 100%);\n }\n\n .tph-hero-media {\n width: 100%;\n padding: clamp(16px, 4vw, 38px);\n }\n\n .tph-main-slot {\n aspect-ratio: 1 \/ 1;\n border-radius: 16px;\n box-shadow: 0 12px 32px rgba(33, 31, 29, 0.09);\n }\n\n .tph-hero-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: 0 clamp(20px, 6vw, 60px) clamp(34px, 6vw, 58px);\n }\n\n .tph-hero h2 {\n max-width: 720px;\n margin: 0 0 18px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(32px, 5vw, 54px);\n font-weight: 400;\n line-height: 1.12;\n letter-spacing: -0.7px;\n }\n\n .tph-lead {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--tph-muted);\n font-size: 16px;\n line-height: 1.75;\n }\n\n .tph-points {\n display: grid;\n gap: 10px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .tph-points li {\n position: relative;\n padding-left: 25px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.6;\n }\n\n .tph-points li::before {\n position: absolute;\n top: 0;\n left: 0;\n color: var(--tph-accent);\n content: \"✦\";\n }\n\n \/* 2. Product qualities *\/\n .tph-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n border-top: 1px solid var(--tph-line);\n border-bottom: 1px solid var(--tph-line);\n background: #fff;\n }\n\n .tph-trust-item {\n min-width: 0;\n padding: 20px 14px;\n text-align: center;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-trust-item strong {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n font-weight: 700;\n line-height: 1.45;\n }\n\n .tph-trust-item span {\n display: block;\n color: var(--tph-muted);\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* 3. Lifestyle image and copy *\/\n .tph-scene {\n display: block;\n width: 100%;\n background: var(--tph-charcoal);\n color: #fffaf2;\n }\n\n .tph-scene-slot {\n aspect-ratio: 1 \/ 1;\n }\n\n .tph-scene-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: clamp(30px, 5vw, 48px) clamp(20px, 6vw, 60px);\n }\n\n .tph-scene h2,\n .tph-section-title {\n margin: 0 0 16px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(29px, 4.5vw, 44px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-scene .tph-eyebrow {\n color: #c6c9bd;\n }\n\n .tph-scene p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 250, 242, 0.77);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 4. One detail image only *\/\n .tph-details {\n width: 100%;\n padding: clamp(40px, 7vw, 72px) clamp(16px, 4vw, 38px);\n background: var(--tph-cream);\n }\n\n .tph-heading {\n max-width: 690px;\n margin: 0 auto 30px;\n text-align: center;\n }\n\n .tph-heading p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-single-detail {\n display: block;\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .tph-detail-slot {\n aspect-ratio: 1 \/ 1;\n border: 1px solid var(--tph-line);\n border-radius: 14px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(33, 31, 29, 0.05);\n }\n\n .tph-detail-copy {\n padding: 22px 4px 0;\n }\n\n .tph-detail-copy h3 {\n margin: 0 0 9px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 1.25;\n }\n\n .tph-detail-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 5. Dimension image and weight *\/\n .tph-dimensions {\n display: block;\n width: 100%;\n padding: clamp(34px, 6vw, 58px) clamp(16px, 4vw, 38px);\n background: #fff;\n }\n\n .tph-dimension-slot {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n aspect-ratio: 1 \/ 1;\n border-radius: 14px;\n box-shadow: 0 12px 30px rgba(33, 31, 29, 0.07);\n }\n\n .tph-dimensions-copy {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n padding-top: 28px;\n }\n\n .tph-dimensions-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n .tph-weight {\n display: inline-block;\n margin: 2px 0 13px;\n color: var(--tph-accent);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(46px, 8vw, 72px);\n line-height: 1;\n }\n\n \/* 6. Specifications and care *\/\n .tph-specs {\n width: 100%;\n padding: clamp(40px, 6vw, 68px) clamp(16px, 4vw, 32px);\n background: var(--tph-warm);\n text-align: center;\n }\n\n .tph-specs \u003e .tph-section-title {\n margin-bottom: 0;\n }\n\n .tph-spec-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n max-width: 820px;\n margin: 26px auto 0;\n overflow: hidden;\n border: 1px solid var(--tph-line);\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.74);\n }\n\n .tph-spec {\n min-width: 0;\n min-height: 92px;\n padding: 18px 10px;\n }\n\n .tph-spec + .tph-spec {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-spec span {\n display: block;\n margin-bottom: 6px;\n color: var(--tph-muted);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-spec strong {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.4;\n }\n\n .tph-care {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n max-width: 820px;\n margin: 22px auto 0;\n }\n\n .tph-care div {\n padding: 15px 13px;\n border-radius: 9px;\n background: #fff;\n color: var(--tph-charcoal);\n font-size: 13px;\n font-weight: 600;\n line-height: 1.55;\n }\n\n \/* 7. Brand close *\/\n .tph-final {\n width: 100%;\n padding: clamp(42px, 7vw, 72px) 20px;\n background: #242321;\n color: #fffaf2;\n text-align: center;\n }\n\n .tph-final h2 {\n max-width: 680px;\n margin: 0 auto 14px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 4.5vw, 48px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-final p {\n max-width: 580px;\n margin: 0 auto;\n color: rgba(255, 250, 242, 0.75);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-final .tph-brand {\n color: #fffaf2;\n }\n\n @media (max-width: 600px) {\n .tph-trust {\n grid-template-columns: 1fr;\n }\n\n .tph-trust-item {\n padding: 15px 14px;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .tph-spec:nth-child(3) {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec:nth-child(4) {\n border-top: 1px solid var(--tph-line);\n }\n\n .tph-care {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n }\n\u003c\/style\u003e\n\u003csection class=\"tph-page\"\u003e\u003c!-- 1. Main image --\u003e\n\u003cdiv class=\"tph-hero\"\u003e\n\u003cdiv class=\"tph-hero-media\"\u003e\n\u003cdiv class=\"tph-image-slot tph-main-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/10_3.png?v=1790785607\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-hero-copy\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003e13 Verde Quarry\u003c\/div\u003e\n\u003ch2\u003eNatural Green Marble, Refined into a Geometric Form.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eVerde Quarry brings the varied character of deep green marble into a substantial six-sided form. A precisely milled circular basin sits within the angular body, while three bronze-finished rests create warm points of contrast against the natural stone.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eDeep green natural marble with distinctive veining\u003c\/li\u003e\n\u003cli\u003ePrecisely milled circular basin within a hexagonal body\u003c\/li\u003e\n\u003cli\u003eThree bronze-finished cigar rests integrated into the rim\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Product qualities --\u003e\n\u003cdiv class=\"tph-trust\"\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eVerde Quarry Marble\u003c\/strong\u003e \u003cspan\u003eNatural green stone with individual variations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eSix-Sided Silhouette\u003c\/strong\u003e \u003cspan\u003eAngular outer planes frame the circular basin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eBronze-Finished Rests\u003c\/strong\u003e \u003cspan\u003eThree contrasting rests shaped into the rim\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Scene image --\u003e\n\u003cdiv class=\"tph-scene\"\u003e\n\u003cdiv class=\"tph-image-slot tph-scene-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/10_1.jpg?v=1790785608\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Deep, Grounded Presence\u003c\/div\u003e\n\u003ch2\u003eGreen Stone for Considered Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or stone console, Verde Quarry brings together natural green veining, a sculpted profile, and bronze-finished accents. Its deep color pairs naturally with dark wood, leather, and warm metallic details.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. One detail image --\u003e\n\u003cdiv class=\"tph-details\"\u003e\n\u003cdiv class=\"tph-heading\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eRefined in Every Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eNatural Veining, Precisely Milled\u003c\/h2\u003e\n\u003cp\u003eThe circular basin and three bronze-finished rests are set within a geometric body of deep green marble.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-single-detail\"\u003e\n\u003cdiv class=\"tph-image-slot tph-detail-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/10_1.png?v=1790785607\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eMarble, Basin, and Bronze-Finished Rests\u003c\/h3\u003e\n\u003cp\u003eNatural variations run through the dark green marble, giving the stone its distinctive surface. The smooth circular basin is precisely milled into the hexagonal body, with three bronze-finished rests arranged around the rim as part of the overall composition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Dimension image --\u003e\n\u003cdiv class=\"tph-dimensions\"\u003e\n\u003cdiv class=\"tph-image-slot tph-dimension-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/10_2.png?v=1790785607\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-dimensions-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSize \u0026amp; Substance\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Geometric Profile with Solid Presence\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e3.2 lb\u003c\/span\u003e\n\u003cp\u003eVerde Quarry measures 6.0 inches wide, 5.7 inches deep, and 1.8 inches high. Its solid marble body brings a substantial, grounded presence to a tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Specifications and care --\u003e\n\u003cdiv class=\"tph-specs\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSpecifications\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eVerde Quarry, in Detail\u003c\/h2\u003e\n\u003cdiv class=\"tph-spec-grid\" role=\"list\"\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eWidth\u003c\/span\u003e \u003cstrong\u003e6.0 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e5.7 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e1.8 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eNet Weight\u003c\/span\u003e \u003cstrong\u003e3.2 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eEmpty carefully and avoid dropping the marble body.\u003c\/div\u003e\n\u003cdiv\u003eWipe clean with a soft, damp cloth.\u003c\/div\u003e\n\u003cdiv\u003eAvoid abrasive cleaners and hard impacts.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Brand close --\u003e\n\u003cdiv class=\"tph-final\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003ch2\u003eLet Natural Stone Set the Tone.\u003c\/h2\u003e\n\u003cp\u003eVerde Quarry pairs deep green marble with a sculpted basin and bronze-finished rests for a composed tabletop presence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67593495740645,"sku":null,"price":45.63,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/10_3.png?v=1790785607"},{"product_id":"11-tephria™-05-walnut-axis-walnut-ashtray-with-removable-ceramic-basin-and-brass-cigar-rests","title":"tephria™ 05 Walnut Axis — Walnut Ashtray with Removable Ceramic Basin and Brass Cigar Rests","description":"\u003c!-- tephria™ 05 Walnut Axis — Shopify Product Description --\u003e\n\u003cstyle\u003e\n .tph-page,\n .tph-page * {\n box-sizing: border-box;\n }\n\n .tph-page {\n --tph-ink: #211f1d;\n --tph-charcoal: #292725;\n --tph-muted: #716d68;\n --tph-cream: #f4f2ee;\n --tph-warm: #eae7e1;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #9b7651;\n --tph-wood: #5b3827;\n\n display: block;\n width: 100%;\n max-width: 900px;\n min-width: 0;\n margin: 0 auto;\n overflow: hidden;\n color: var(--tph-ink);\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n }\n\n .tph-page *,\n .tph-page *::before,\n .tph-page *::after {\n box-sizing: border-box;\n }\n\n .tph-page img {\n display: block;\n width: 100%;\n max-width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .tph-page h2,\n .tph-page h3,\n .tph-page p {\n margin-top: 0;\n overflow-wrap: anywhere;\n }\n\n .tph-page h2,\n .tph-page h3 {\n word-break: normal;\n }\n\n .tph-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 14px;\n color: var(--tph-accent);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-eyebrow::before {\n flex: 0 0 23px;\n width: 23px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .tph-brand {\n margin: 0 0 9px;\n color: var(--tph-ink);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.35;\n text-transform: none;\n }\n\n .tph-image-slot {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #e3e1dd;\n color: #504c46;\n text-align: center;\n }\n\n .tph-image-slot span {\n display: inline-block;\n padding: 12px 16px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.4;\n }\n\n \/* 1. Main image and product introduction *\/\n .tph-hero {\n display: block;\n width: 100%;\n min-width: 0;\n background: linear-gradient(145deg, #fff 0%, var(--tph-cream) 100%);\n }\n\n .tph-hero-media {\n width: 100%;\n padding: clamp(16px, 4vw, 38px);\n }\n\n .tph-main-slot {\n aspect-ratio: 1 \/ 1;\n border-radius: 16px;\n box-shadow: 0 12px 32px rgba(33, 31, 29, 0.09);\n }\n\n .tph-hero-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: 0 clamp(20px, 6vw, 60px) clamp(34px, 6vw, 58px);\n }\n\n .tph-hero h2 {\n max-width: 720px;\n margin: 0 0 18px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(32px, 5vw, 54px);\n font-weight: 400;\n line-height: 1.12;\n letter-spacing: -0.7px;\n }\n\n .tph-lead {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--tph-muted);\n font-size: 16px;\n line-height: 1.75;\n }\n\n .tph-points {\n display: grid;\n gap: 10px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .tph-points li {\n position: relative;\n padding-left: 25px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.6;\n }\n\n .tph-points li::before {\n position: absolute;\n top: 0;\n left: 0;\n color: var(--tph-accent);\n content: \"✦\";\n }\n\n \/* 2. Product qualities *\/\n .tph-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n border-top: 1px solid var(--tph-line);\n border-bottom: 1px solid var(--tph-line);\n background: #fff;\n }\n\n .tph-trust-item {\n min-width: 0;\n padding: 20px 14px;\n text-align: center;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-trust-item strong {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n font-weight: 700;\n line-height: 1.45;\n }\n\n .tph-trust-item span {\n display: block;\n color: var(--tph-muted);\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* 3. Lifestyle image and copy *\/\n .tph-scene {\n display: block;\n width: 100%;\n background: var(--tph-charcoal);\n color: #fffaf2;\n }\n\n .tph-scene-slot {\n aspect-ratio: 1 \/ 1;\n }\n\n .tph-scene-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: clamp(30px, 5vw, 48px) clamp(20px, 6vw, 60px);\n }\n\n .tph-scene h2,\n .tph-section-title {\n margin: 0 0 16px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(29px, 4.5vw, 44px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-scene .tph-eyebrow {\n color: #d2b99e;\n }\n\n .tph-scene p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 250, 242, 0.77);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 4. One detail image only *\/\n .tph-details {\n width: 100%;\n padding: clamp(40px, 7vw, 72px) clamp(16px, 4vw, 38px);\n background: var(--tph-cream);\n }\n\n .tph-heading {\n max-width: 690px;\n margin: 0 auto 30px;\n text-align: center;\n }\n\n .tph-heading p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-single-detail {\n display: block;\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .tph-detail-slot {\n aspect-ratio: 1 \/ 1;\n border: 1px solid var(--tph-line);\n border-radius: 14px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(33, 31, 29, 0.05);\n }\n\n .tph-detail-copy {\n padding: 22px 4px 0;\n }\n\n .tph-detail-copy h3 {\n margin: 0 0 9px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 1.25;\n }\n\n .tph-detail-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 5. Dimension image and weight *\/\n .tph-dimensions {\n display: block;\n width: 100%;\n padding: clamp(34px, 6vw, 58px) clamp(16px, 4vw, 38px);\n background: #fff;\n }\n\n .tph-dimension-slot {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n aspect-ratio: 1 \/ 1;\n border-radius: 14px;\n box-shadow: 0 12px 30px rgba(33, 31, 29, 0.07);\n }\n\n .tph-dimensions-copy {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n padding-top: 28px;\n }\n\n .tph-dimensions-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n .tph-weight {\n display: inline-block;\n margin: 2px 0 13px;\n color: var(--tph-accent);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(46px, 8vw, 72px);\n line-height: 1;\n }\n\n \/* 6. Specifications and care *\/\n .tph-specs {\n width: 100%;\n padding: clamp(40px, 6vw, 68px) clamp(16px, 4vw, 32px);\n background: var(--tph-warm);\n text-align: center;\n }\n\n .tph-specs \u003e .tph-section-title {\n margin-bottom: 0;\n }\n\n .tph-spec-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n max-width: 820px;\n margin: 26px auto 0;\n overflow: hidden;\n border: 1px solid var(--tph-line);\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.74);\n }\n\n .tph-spec {\n min-width: 0;\n min-height: 92px;\n padding: 18px 10px;\n }\n\n .tph-spec + .tph-spec {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-spec span {\n display: block;\n margin-bottom: 6px;\n color: var(--tph-muted);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-spec strong {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.4;\n }\n\n .tph-care {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n max-width: 820px;\n margin: 22px auto 0;\n }\n\n .tph-care div {\n padding: 15px 13px;\n border-radius: 9px;\n background: #fff;\n color: var(--tph-charcoal);\n font-size: 13px;\n font-weight: 600;\n line-height: 1.55;\n }\n\n \/* 7. Brand close *\/\n .tph-final {\n width: 100%;\n padding: clamp(42px, 7vw, 72px) 20px;\n background: #242321;\n color: #fffaf2;\n text-align: center;\n }\n\n .tph-final h2 {\n max-width: 680px;\n margin: 0 auto 14px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 4.5vw, 48px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-final p {\n max-width: 580px;\n margin: 0 auto;\n color: rgba(255, 250, 242, 0.75);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-final .tph-brand {\n color: #fffaf2;\n }\n\n @media (max-width: 600px) {\n .tph-trust {\n grid-template-columns: 1fr;\n }\n\n .tph-trust-item {\n padding: 15px 14px;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .tph-spec:nth-child(3) {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec:nth-child(4) {\n border-top: 1px solid var(--tph-line);\n }\n\n .tph-care {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n }\n\u003c\/style\u003e\n\u003csection class=\"tph-page\"\u003e\u003c!-- 1. Main image --\u003e\n\u003cdiv class=\"tph-hero\"\u003e\n\u003cdiv class=\"tph-hero-media\"\u003e\n\u003cdiv class=\"tph-image-slot tph-main-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/11_4.png?v=1790785801\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-hero-copy\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003e05 Walnut Axis\u003c\/div\u003e\n\u003ch2\u003eNatural Walnut, Ceramic, and Brass in Balance.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eWalnut Axis brings together the warmth of natural walnut, the contrast of a recessed black ceramic basin, and the refined sheen of two brass cigar rests. Its long rectangular profile gives the composition a balanced presence on a desk, lounge table, or bar.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eNatural walnut body with distinctive wood grain\u003c\/li\u003e\n\u003cli\u003eRemovable black ceramic basin for convenient cleaning\u003c\/li\u003e\n\u003cli\u003eTwo symmetrical brass cigar rests integrated into the top\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Product qualities --\u003e\n\u003cdiv class=\"tph-trust\"\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eNatural Walnut\u003c\/strong\u003e \u003cspan\u003eRich grain and warm tones define the rectangular body\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eRemovable Ceramic Basin\u003c\/strong\u003e \u003cspan\u003eA recessed black insert contrasts with the wood\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eBrass Cigar Rests\u003c\/strong\u003e \u003cspan\u003eTwo matching rests complete the balanced profile\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Lifestyle image --\u003e\n\u003cdiv class=\"tph-scene\"\u003e\n\u003cdiv class=\"tph-image-slot tph-scene-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/11_1.png?v=1790785801\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Warm, Grounded Presence\u003c\/div\u003e\n\u003ch2\u003eWalnut and Brass for Considered Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or polished stone console, Walnut Axis brings together warm wood grain, a dark ceramic center, and brass details. Its composed rectangular form pairs naturally with leather, dark wood, and understated metallic accents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. One detail image --\u003e\n\u003cdiv class=\"tph-details\"\u003e\n\u003cdiv class=\"tph-heading\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eRefined in Every Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Ceramic Basin Framed by Walnut\u003c\/h2\u003e\n\u003cp\u003eThe recessed black basin and paired brass rests sit within a clean, rectangular walnut body.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-single-detail\"\u003e\n\u003cdiv class=\"tph-image-slot tph-detail-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/11_2.png?v=1790785801\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eWood Grain, Ceramic, and Brass\u003c\/h3\u003e\n\u003cp\u003eNatural grain gives each walnut surface visual depth. The removable ceramic basin sits neatly within the wood frame, while two symmetrical brass rests add a warm metallic contrast at either end.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Dimension image --\u003e\n\u003cdiv class=\"tph-dimensions\"\u003e\n\u003cdiv class=\"tph-image-slot tph-dimension-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/11_3.png?v=1790785801\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-dimensions-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSize \u0026amp; Substance\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Long Profile with Balanced Proportions\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e1.9 lb\u003c\/span\u003e\n\u003cp\u003eWalnut Axis measures 7.2 inches wide, 5.5 inches deep, and 1.6 inches high. Its broad rectangular footprint leaves space for the basin and rests while maintaining a low tabletop profile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Specifications and care --\u003e\n\u003cdiv class=\"tph-specs\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSpecifications\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eWalnut Axis, in Detail\u003c\/h2\u003e\n\u003cdiv class=\"tph-spec-grid\" role=\"list\"\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eWidth\u003c\/span\u003e \u003cstrong\u003e7.2 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e5.5 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e1.6 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eNet Weight\u003c\/span\u003e \u003cstrong\u003e1.9 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eRemove the ceramic basin before cleaning the wood body.\u003c\/div\u003e\n\u003cdiv\u003eClean the ceramic insert with a soft cloth and mild soap.\u003c\/div\u003e\n\u003cdiv\u003eWipe the walnut surface gently and keep it dry.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Brand close --\u003e\n\u003cdiv class=\"tph-final\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003ch2\u003eBring Materials into Balance.\u003c\/h2\u003e\n\u003cp\u003eWalnut Axis pairs natural walnut, a removable black ceramic basin, and brass rests in a composed tabletop form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67593550954725,"sku":null,"price":56.69,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/11_4.png?v=1790785801"},{"product_id":"12-tephria™-basalt-crown-natural-basalt-ashtray-with-brushed-bronze-ring","title":"tephria™ Basalt Crown — Natural Basalt Ashtray with Brushed Bronze Ring","description":"\u003c!-- tephria™ Basalt Crown — Shopify Product Description --\u003e\n\u003cstyle\u003e\n .tph-page,\n .tph-page * {\n box-sizing: border-box;\n }\n\n .tph-page {\n --tph-ink: #211f1d;\n --tph-charcoal: #292725;\n --tph-muted: #716d68;\n --tph-cream: #f4f2ee;\n --tph-warm: #eae7e1;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #9a866d;\n --tph-bronze: #b18c61;\n\n display: block;\n width: 100%;\n max-width: 900px;\n min-width: 0;\n margin: 0 auto;\n overflow: hidden;\n color: var(--tph-ink);\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n }\n\n .tph-page *,\n .tph-page *::before,\n .tph-page *::after {\n box-sizing: border-box;\n }\n\n .tph-page img {\n display: block;\n width: 100%;\n max-width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .tph-page h2,\n .tph-page h3,\n .tph-page p {\n margin-top: 0;\n overflow-wrap: anywhere;\n }\n\n .tph-page h2,\n .tph-page h3 {\n word-break: normal;\n }\n\n .tph-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 14px;\n color: var(--tph-accent);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-eyebrow::before {\n flex: 0 0 23px;\n width: 23px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .tph-brand {\n margin: 0 0 9px;\n color: var(--tph-ink);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.35;\n text-transform: none;\n }\n\n .tph-image-slot {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #e3e1dd;\n color: #504c46;\n text-align: center;\n }\n\n .tph-image-slot span {\n display: inline-block;\n padding: 12px 16px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.4;\n }\n\n \/* 1. Main image and product introduction *\/\n .tph-hero {\n display: block;\n width: 100%;\n min-width: 0;\n background: linear-gradient(145deg, #fff 0%, var(--tph-cream) 100%);\n }\n\n .tph-hero-media {\n width: 100%;\n padding: clamp(16px, 4vw, 38px);\n }\n\n .tph-main-slot {\n aspect-ratio: 1 \/ 1;\n border-radius: 16px;\n box-shadow: 0 12px 32px rgba(33, 31, 29, 0.09);\n }\n\n .tph-hero-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: 0 clamp(20px, 6vw, 60px) clamp(34px, 6vw, 58px);\n }\n\n .tph-hero h2 {\n max-width: 720px;\n margin: 0 0 18px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(32px, 5vw, 54px);\n font-weight: 400;\n line-height: 1.12;\n letter-spacing: -0.7px;\n }\n\n .tph-lead {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--tph-muted);\n font-size: 16px;\n line-height: 1.75;\n }\n\n .tph-points {\n display: grid;\n gap: 10px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .tph-points li {\n position: relative;\n padding-left: 25px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.6;\n }\n\n .tph-points li::before {\n position: absolute;\n top: 0;\n left: 0;\n color: var(--tph-accent);\n content: \"✦\";\n }\n\n \/* 2. Product qualities *\/\n .tph-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n border-top: 1px solid var(--tph-line);\n border-bottom: 1px solid var(--tph-line);\n background: #fff;\n }\n\n .tph-trust-item {\n min-width: 0;\n padding: 20px 14px;\n text-align: center;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-trust-item strong {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n font-weight: 700;\n line-height: 1.45;\n }\n\n .tph-trust-item span {\n display: block;\n color: var(--tph-muted);\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* 3. Lifestyle image and copy *\/\n .tph-scene {\n display: block;\n width: 100%;\n background: var(--tph-charcoal);\n color: #fffaf2;\n }\n\n .tph-scene-slot {\n aspect-ratio: 1 \/ 1;\n }\n\n .tph-scene-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: clamp(30px, 5vw, 48px) clamp(20px, 6vw, 60px);\n }\n\n .tph-scene h2,\n .tph-section-title {\n margin: 0 0 16px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(29px, 4.5vw, 44px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-scene .tph-eyebrow {\n color: #d2c5b3;\n }\n\n .tph-scene p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 250, 242, 0.77);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 4. One detail image only *\/\n .tph-details {\n width: 100%;\n padding: clamp(40px, 7vw, 72px) clamp(16px, 4vw, 38px);\n background: var(--tph-cream);\n }\n\n .tph-heading {\n max-width: 690px;\n margin: 0 auto 30px;\n text-align: center;\n }\n\n .tph-heading p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-single-detail {\n display: block;\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .tph-detail-slot {\n aspect-ratio: 1 \/ 1;\n border: 1px solid var(--tph-line);\n border-radius: 14px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(33, 31, 29, 0.05);\n }\n\n .tph-detail-copy {\n padding: 22px 4px 0;\n }\n\n .tph-detail-copy h3 {\n margin: 0 0 9px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 1.25;\n }\n\n .tph-detail-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 5. Dimension image and weight *\/\n .tph-dimensions {\n display: block;\n width: 100%;\n padding: clamp(34px, 6vw, 58px) clamp(16px, 4vw, 38px);\n background: #fff;\n }\n\n .tph-dimension-slot {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n aspect-ratio: 1 \/ 1;\n border-radius: 14px;\n box-shadow: 0 12px 30px rgba(33, 31, 29, 0.07);\n }\n\n .tph-dimensions-copy {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n padding-top: 28px;\n }\n\n .tph-dimensions-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n .tph-weight {\n display: inline-block;\n margin: 2px 0 13px;\n color: var(--tph-accent);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(46px, 8vw, 72px);\n line-height: 1;\n }\n\n \/* 6. Specifications and care *\/\n .tph-specs {\n width: 100%;\n padding: clamp(40px, 6vw, 68px) clamp(16px, 4vw, 32px);\n background: var(--tph-warm);\n text-align: center;\n }\n\n .tph-specs \u003e .tph-section-title {\n margin-bottom: 0;\n }\n\n .tph-spec-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n max-width: 820px;\n margin: 26px auto 0;\n overflow: hidden;\n border: 1px solid var(--tph-line);\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.74);\n }\n\n .tph-spec {\n min-width: 0;\n min-height: 92px;\n padding: 18px 10px;\n }\n\n .tph-spec + .tph-spec {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-spec span {\n display: block;\n margin-bottom: 6px;\n color: var(--tph-muted);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-spec strong {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.4;\n }\n\n .tph-care {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n max-width: 820px;\n margin: 22px auto 0;\n }\n\n .tph-care div {\n padding: 15px 13px;\n border-radius: 9px;\n background: #fff;\n color: var(--tph-charcoal);\n font-size: 13px;\n font-weight: 600;\n line-height: 1.55;\n }\n\n \/* 7. Brand close *\/\n .tph-final {\n width: 100%;\n padding: clamp(42px, 7vw, 72px) 20px;\n background: #242321;\n color: #fffaf2;\n text-align: center;\n }\n\n .tph-final h2 {\n max-width: 680px;\n margin: 0 auto 14px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 4.5vw, 48px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-final p {\n max-width: 580px;\n margin: 0 auto;\n color: rgba(255, 250, 242, 0.75);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-final .tph-brand {\n color: #fffaf2;\n }\n\n @media (max-width: 600px) {\n .tph-trust {\n grid-template-columns: 1fr;\n }\n\n .tph-trust-item {\n padding: 15px 14px;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .tph-spec:nth-child(3) {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec:nth-child(4) {\n border-top: 1px solid var(--tph-line);\n }\n\n .tph-care {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n }\n\u003c\/style\u003e\n\u003csection class=\"tph-page\"\u003e\u003c!-- 1. Main image --\u003e\n\u003cdiv class=\"tph-hero\"\u003e\n\u003cdiv class=\"tph-hero-media\"\u003e\n\u003cdiv class=\"tph-image-slot tph-main-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/12_4.png?v=1790786005\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-hero-copy\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eBasalt Crown\u003c\/div\u003e\n\u003ch2\u003eNatural Basalt, Framed by Brushed Bronze.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eBasalt Crown brings the solid character of natural stone into a sculpted circular form. A brushed bronze ring traces the rim, while four precision-cut rests create an even rhythm around the broad basin. Its dark mineral surface and warm metallic accents give the piece a composed, substantial presence.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eNatural black basalt with distinctive mineral texture\u003c\/li\u003e\n\u003cli\u003eBrushed bronze-finished ring set around the rim\u003c\/li\u003e\n\u003cli\u003eFour evenly cut cigar rests integrated into the edge\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Product qualities --\u003e\n\u003cdiv class=\"tph-trust\"\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eNatural Basalt Stone\u003c\/strong\u003e \u003cspan\u003eDark mineral surface with individual texture\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eBrushed Bronze Ring\u003c\/strong\u003e \u003cspan\u003eA warm metallic detail frames the circular basin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eFour Precision Rests\u003c\/strong\u003e \u003cspan\u003eEvenly spaced notches shaped into the rim\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Lifestyle image --\u003e\n\u003cdiv class=\"tph-scene\"\u003e\n\u003cdiv class=\"tph-image-slot tph-scene-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/12_1.png?v=1790786005\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Grounded, Sculptural Presence\u003c\/div\u003e\n\u003ch2\u003eBasalt and Bronze for Considered Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or polished stone console, Basalt Crown pairs the depth of natural basalt with a restrained bronze accent. Its circular form complements dark wood, leather, and warm metallic details.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. One detail image --\u003e\n\u003cdiv class=\"tph-details\"\u003e\n\u003cdiv class=\"tph-heading\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eRefined in Every Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Bronze Ring, Precisely Cut Rests\u003c\/h2\u003e\n\u003cp\u003eThe brushed bronze-finished ring and four evenly spaced rests are integrated into the natural basalt form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-single-detail\"\u003e\n\u003cdiv class=\"tph-image-slot tph-detail-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/12_2.png?v=1790786005\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eNatural Stone with a Refined Metallic Edge\u003c\/h3\u003e\n\u003cp\u003eSubtle mineral variations distinguish the basalt surface. The circular basin is framed by a brushed bronze-finished ring, with four precisely cut rests arranged around the perimeter to preserve the balance of the design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Dimension image --\u003e\n\u003cdiv class=\"tph-dimensions\"\u003e\n\u003cdiv class=\"tph-image-slot tph-dimension-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/12_3.png?v=1790786005\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-dimensions-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSize \u0026amp; Substance\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Compact Circle with Solid Presence\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e2.4 lb\u003c\/span\u003e\n\u003cp\u003eBasalt Crown measures 5.8 inches across and 1.6 inches high. Its solid stone construction gives the compact circular form a grounded presence on the tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Specifications and care --\u003e\n\u003cdiv class=\"tph-specs\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSpecifications\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eBasalt Crown, in Detail\u003c\/h2\u003e\n\u003cdiv class=\"tph-spec-grid\" role=\"list\"\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eWidth\u003c\/span\u003e \u003cstrong\u003e5.8 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e5.8 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e1.6 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eNet Weight\u003c\/span\u003e \u003cstrong\u003e2.4 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eEmpty carefully and avoid dropping the stone body.\u003c\/div\u003e\n\u003cdiv\u003eWipe clean with a soft, damp cloth.\u003c\/div\u003e\n\u003cdiv\u003eAvoid abrasive cleaners and hard impacts.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Brand close --\u003e\n\u003cdiv class=\"tph-final\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003ch2\u003eLet Material Hold Its Ground.\u003c\/h2\u003e\n\u003cp\u003eBasalt Crown pairs natural stone with a brushed bronze-finished ring and four sculpted rests for a distinctive tabletop presence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67593615540453,"sku":null,"price":37.69,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/12_4.png?v=1790786005"},{"product_id":"13-tephria™-15-sienna-strata-layered-ceramic-ashtray-with-speckled-glazed-basin","title":"tephria™ 15 Sienna Strata — Layered Ceramic Ashtray with Speckled Glazed Basin","description":"\u003c!-- tephria™ 15 Sienna Strata — Shopify Product Description --\u003e\n\u003cstyle\u003e\n .tph-page,\n .tph-page * {\n box-sizing: border-box;\n }\n\n .tph-page {\n --tph-ink: #211f1d;\n --tph-charcoal: #292725;\n --tph-muted: #716d68;\n --tph-cream: #f4f2ee;\n --tph-warm: #eae7e1;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #8b6247;\n --tph-terracotta: #70442f;\n\n display: block;\n width: 100%;\n max-width: 900px;\n min-width: 0;\n margin: 0 auto;\n overflow: hidden;\n color: var(--tph-ink);\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n }\n\n .tph-page *,\n .tph-page *::before,\n .tph-page *::after {\n box-sizing: border-box;\n }\n\n .tph-page img {\n display: block;\n width: 100%;\n max-width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .tph-page h2,\n .tph-page h3,\n .tph-page p {\n margin-top: 0;\n overflow-wrap: anywhere;\n }\n\n .tph-page h2,\n .tph-page h3 {\n word-break: normal;\n }\n\n .tph-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 14px;\n color: var(--tph-accent);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-eyebrow::before {\n flex: 0 0 23px;\n width: 23px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .tph-brand {\n margin: 0 0 9px;\n color: var(--tph-ink);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.35;\n text-transform: none;\n }\n\n .tph-image-slot {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #e3e1dd;\n color: #504c46;\n text-align: center;\n }\n\n .tph-image-slot span {\n display: inline-block;\n padding: 12px 16px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.4;\n }\n\n \/* 1. Main image and product introduction *\/\n .tph-hero {\n display: block;\n width: 100%;\n min-width: 0;\n background: linear-gradient(145deg, #fff 0%, var(--tph-cream) 100%);\n }\n\n .tph-hero-media {\n width: 100%;\n padding: clamp(16px, 4vw, 38px);\n }\n\n .tph-main-slot {\n aspect-ratio: 1 \/ 1;\n border-radius: 16px;\n box-shadow: 0 12px 32px rgba(33, 31, 29, 0.09);\n }\n\n .tph-hero-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: 0 clamp(20px, 6vw, 60px) clamp(34px, 6vw, 58px);\n }\n\n .tph-hero h2 {\n max-width: 720px;\n margin: 0 0 18px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(32px, 5vw, 54px);\n font-weight: 400;\n line-height: 1.12;\n letter-spacing: -0.7px;\n }\n\n .tph-lead {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--tph-muted);\n font-size: 16px;\n line-height: 1.75;\n }\n\n .tph-points {\n display: grid;\n gap: 10px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .tph-points li {\n position: relative;\n padding-left: 25px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.6;\n }\n\n .tph-points li::before {\n position: absolute;\n top: 0;\n left: 0;\n color: var(--tph-accent);\n content: \"✦\";\n }\n\n \/* 2. Product qualities *\/\n .tph-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n border-top: 1px solid var(--tph-line);\n border-bottom: 1px solid var(--tph-line);\n background: #fff;\n }\n\n .tph-trust-item {\n min-width: 0;\n padding: 20px 14px;\n text-align: center;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-trust-item strong {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n font-weight: 700;\n line-height: 1.45;\n }\n\n .tph-trust-item span {\n display: block;\n color: var(--tph-muted);\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* 3. Lifestyle image and copy *\/\n .tph-scene {\n display: block;\n width: 100%;\n background: var(--tph-charcoal);\n color: #fffaf2;\n }\n\n .tph-scene-slot {\n aspect-ratio: 1 \/ 1;\n }\n\n .tph-scene-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: clamp(30px, 5vw, 48px) clamp(20px, 6vw, 60px);\n }\n\n .tph-scene h2,\n .tph-section-title {\n margin: 0 0 16px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(29px, 4.5vw, 44px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-scene .tph-eyebrow {\n color: #d3b9a4;\n }\n\n .tph-scene p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 250, 242, 0.77);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 4. One detail image only *\/\n .tph-details {\n width: 100%;\n padding: clamp(40px, 7vw, 72px) clamp(16px, 4vw, 38px);\n background: var(--tph-cream);\n }\n\n .tph-heading {\n max-width: 690px;\n margin: 0 auto 30px;\n text-align: center;\n }\n\n .tph-heading p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-single-detail {\n display: block;\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .tph-detail-slot {\n aspect-ratio: 1 \/ 1;\n border: 1px solid var(--tph-line);\n border-radius: 14px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(33, 31, 29, 0.05);\n }\n\n .tph-detail-copy {\n padding: 22px 4px 0;\n }\n\n .tph-detail-copy h3 {\n margin: 0 0 9px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 1.25;\n }\n\n .tph-detail-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 5. Dimension image and weight *\/\n .tph-dimensions {\n display: block;\n width: 100%;\n padding: clamp(34px, 6vw, 58px) clamp(16px, 4vw, 38px);\n background: #fff;\n }\n\n .tph-dimension-slot {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n aspect-ratio: 1 \/ 1;\n border-radius: 14px;\n box-shadow: 0 12px 30px rgba(33, 31, 29, 0.07);\n }\n\n .tph-dimensions-copy {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n padding-top: 28px;\n }\n\n .tph-dimensions-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n .tph-weight {\n display: inline-block;\n margin: 2px 0 13px;\n color: var(--tph-accent);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(46px, 8vw, 72px);\n line-height: 1;\n }\n\n \/* 6. Specifications and care *\/\n .tph-specs {\n width: 100%;\n padding: clamp(40px, 6vw, 68px) clamp(16px, 4vw, 32px);\n background: var(--tph-warm);\n text-align: center;\n }\n\n .tph-specs \u003e .tph-section-title {\n margin-bottom: 0;\n }\n\n .tph-spec-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n max-width: 820px;\n margin: 26px auto 0;\n overflow: hidden;\n border: 1px solid var(--tph-line);\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.74);\n }\n\n .tph-spec {\n min-width: 0;\n min-height: 92px;\n padding: 18px 10px;\n }\n\n .tph-spec + .tph-spec {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-spec span {\n display: block;\n margin-bottom: 6px;\n color: var(--tph-muted);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-spec strong {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.4;\n }\n\n .tph-care {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n max-width: 820px;\n margin: 22px auto 0;\n }\n\n .tph-care div {\n padding: 15px 13px;\n border-radius: 9px;\n background: #fff;\n color: var(--tph-charcoal);\n font-size: 13px;\n font-weight: 600;\n line-height: 1.55;\n }\n\n \/* 7. Brand close *\/\n .tph-final {\n width: 100%;\n padding: clamp(42px, 7vw, 72px) 20px;\n background: #242321;\n color: #fffaf2;\n text-align: center;\n }\n\n .tph-final h2 {\n max-width: 680px;\n margin: 0 auto 14px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 4.5vw, 48px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-final p {\n max-width: 580px;\n margin: 0 auto;\n color: rgba(255, 250, 242, 0.75);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-final .tph-brand {\n color: #fffaf2;\n }\n\n @media (max-width: 600px) {\n .tph-trust {\n grid-template-columns: 1fr;\n }\n\n .tph-trust-item {\n padding: 15px 14px;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .tph-spec:nth-child(3) {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec:nth-child(4) {\n border-top: 1px solid var(--tph-line);\n }\n\n .tph-care {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n }\n\u003c\/style\u003e\n\u003csection class=\"tph-page\"\u003e\u003c!-- 1. Main image --\u003e\n\u003cdiv class=\"tph-hero\"\u003e\n\u003cdiv class=\"tph-hero-media\"\u003e\n\u003cdiv class=\"tph-image-slot tph-main-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/13_4.png?v=1790786199\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-hero-copy\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003e15 Sienna Strata\u003c\/div\u003e\n\u003ch2\u003eLayered Ceramic, Shaped by Warm Earth Tones.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eSienna Strata pairs a deep tobacco-brown glazed exterior with a softly speckled ceramic basin. Layered horizontal ridges wrap around its low oval form, while two generous rests are integrated into opposite sides of the rim.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eSolid ceramic body with a deep tobacco-brown glaze\u003c\/li\u003e\n\u003cli\u003eLight speckled interior with a smooth glazed finish\u003c\/li\u003e\n\u003cli\u003eTwo integrated rests set across the oval rim\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Product qualities --\u003e\n\u003cdiv class=\"tph-trust\"\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eLayered Ceramic Form\u003c\/strong\u003e \u003cspan\u003eHorizontal ridges define the sculpted outer wall\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eSpeckled Glazed Basin\u003c\/strong\u003e \u003cspan\u003eA light-toned interior contrasts with the brown exterior\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eTwo Generous Rests\u003c\/strong\u003e \u003cspan\u003eOpposing rests are shaped into the oval rim\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Lifestyle image --\u003e\n\u003cdiv class=\"tph-scene\"\u003e\n\u003cdiv class=\"tph-image-slot tph-scene-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/13_1.png?v=1790786198\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Warm, Grounded Presence\u003c\/div\u003e\n\u003ch2\u003eCeramic Form for Considered Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or polished stone console, Sienna Strata brings a warm glazed surface and layered silhouette to the setting. Its earthy tones sit comfortably alongside dark wood, leather, and softly veined stone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. One detail image --\u003e\n\u003cdiv class=\"tph-details\"\u003e\n\u003cdiv class=\"tph-heading\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eRefined in Every Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eLayered Ridges, Smooth Glazed Interior\u003c\/h2\u003e\n\u003cp\u003eThe textured brown exterior and pale speckled basin give the ceramic form a considered contrast.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-single-detail\"\u003e\n\u003cdiv class=\"tph-image-slot tph-detail-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/13_2.png?v=1790786198\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eA Sculpted Ceramic Body with Two Rests\u003c\/h3\u003e\n\u003cp\u003eHorizontal ridges add depth to the deep brown glazed exterior. Inside, the light speckled basin has a smooth glazed finish, and two rests are incorporated into opposite sides of the rim to preserve the balanced oval profile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Dimension image --\u003e\n\u003cdiv class=\"tph-dimensions\"\u003e\n\u003cdiv class=\"tph-image-slot tph-dimension-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/13_3.png?v=1790786198\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-dimensions-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSize \u0026amp; Substance\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Broad Oval Profile with Solid Feel\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e2.0 lb\u003c\/span\u003e\n\u003cp\u003eSienna Strata measures 7.1 inches wide, 5.0 inches deep, and 1.8 inches high. Its broad oval basin and solid ceramic body create a substantial presence on the tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Specifications and care --\u003e\n\u003cdiv class=\"tph-specs\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSpecifications\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eSienna Strata, in Detail\u003c\/h2\u003e\n\u003cdiv class=\"tph-spec-grid\" role=\"list\"\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eWidth\u003c\/span\u003e \u003cstrong\u003e7.1 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e5.0 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e1.8 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eNet Weight\u003c\/span\u003e \u003cstrong\u003e2.0 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eAllow the ceramic to cool before emptying.\u003c\/div\u003e\n\u003cdiv\u003eClean gently with a soft cloth and mild soap.\u003c\/div\u003e\n\u003cdiv\u003eAvoid hard impacts and abrasive cleaning materials.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Brand close --\u003e\n\u003cdiv class=\"tph-final\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003ch2\u003eLet Layered Form Set the Tone.\u003c\/h2\u003e\n\u003cp\u003eSienna Strata pairs warm brown ceramic, a softly speckled basin, and sculpted horizontal ridges in a composed tabletop form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67593679143141,"sku":null,"price":48.36,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/13_4.png?v=1790786199"},{"product_id":"14-tephria™-04-copper-meridian-patinated-copper-ashtray-with-black-stone-base","title":"tephria™ 04 Copper Meridian — Patinated Copper Ashtray with Black Stone Base","description":"\u003c!-- tephria™ 04 Copper Meridian — Shopify Product Description --\u003e\n\u003cstyle\u003e\n .tph-page,\n .tph-page * {\n box-sizing: border-box;\n }\n\n .tph-page {\n --tph-ink: #211f1d;\n --tph-charcoal: #292725;\n --tph-muted: #716d68;\n --tph-cream: #f4f2ee;\n --tph-warm: #eae7e1;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #98684b;\n --tph-copper: #b5784f;\n\n display: block;\n width: 100%;\n max-width: 900px;\n min-width: 0;\n margin: 0 auto;\n overflow: hidden;\n color: var(--tph-ink);\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n }\n\n .tph-page *,\n .tph-page *::before,\n .tph-page *::after {\n box-sizing: border-box;\n }\n\n .tph-page img {\n display: block;\n width: 100%;\n max-width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .tph-page h2,\n .tph-page h3,\n .tph-page p {\n margin-top: 0;\n overflow-wrap: anywhere;\n }\n\n .tph-page h2,\n .tph-page h3 {\n word-break: normal;\n }\n\n .tph-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 14px;\n color: var(--tph-accent);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-eyebrow::before {\n flex: 0 0 23px;\n width: 23px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .tph-brand {\n margin: 0 0 9px;\n color: var(--tph-ink);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.35;\n text-transform: none;\n }\n\n .tph-image-slot {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #e3e1dd;\n color: #504c46;\n text-align: center;\n }\n\n .tph-image-slot span {\n display: inline-block;\n padding: 12px 16px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.4;\n }\n\n \/* 1. Main image and product introduction *\/\n .tph-hero {\n display: block;\n width: 100%;\n min-width: 0;\n background: linear-gradient(145deg, #fff 0%, var(--tph-cream) 100%);\n }\n\n .tph-hero-media {\n width: 100%;\n padding: clamp(16px, 4vw, 38px);\n }\n\n .tph-main-slot {\n aspect-ratio: 1 \/ 1;\n border-radius: 16px;\n box-shadow: 0 12px 32px rgba(33, 31, 29, 0.09);\n }\n\n .tph-hero-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: 0 clamp(20px, 6vw, 60px) clamp(34px, 6vw, 58px);\n }\n\n .tph-hero h2 {\n max-width: 720px;\n margin: 0 0 18px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(32px, 5vw, 54px);\n font-weight: 400;\n line-height: 1.12;\n letter-spacing: -0.7px;\n }\n\n .tph-lead {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--tph-muted);\n font-size: 16px;\n line-height: 1.75;\n }\n\n .tph-points {\n display: grid;\n gap: 10px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .tph-points li {\n position: relative;\n padding-left: 25px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.6;\n }\n\n .tph-points li::before {\n position: absolute;\n top: 0;\n left: 0;\n color: var(--tph-accent);\n content: \"✦\";\n }\n\n \/* 2. Product qualities *\/\n .tph-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n border-top: 1px solid var(--tph-line);\n border-bottom: 1px solid var(--tph-line);\n background: #fff;\n }\n\n .tph-trust-item {\n min-width: 0;\n padding: 20px 14px;\n text-align: center;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-trust-item strong {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n font-weight: 700;\n line-height: 1.45;\n }\n\n .tph-trust-item span {\n display: block;\n color: var(--tph-muted);\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* 3. Lifestyle image and copy *\/\n .tph-scene {\n display: block;\n width: 100%;\n background: var(--tph-charcoal);\n color: #fffaf2;\n }\n\n .tph-scene-slot {\n aspect-ratio: 1 \/ 1;\n }\n\n .tph-scene-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: clamp(30px, 5vw, 48px) clamp(20px, 6vw, 60px);\n }\n\n .tph-scene h2,\n .tph-section-title {\n margin: 0 0 16px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(29px, 4.5vw, 44px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-scene .tph-eyebrow {\n color: #d8b59c;\n }\n\n .tph-scene p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 250, 242, 0.77);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 4. One detail image only *\/\n .tph-details {\n width: 100%;\n padding: clamp(40px, 7vw, 72px) clamp(16px, 4vw, 38px);\n background: var(--tph-cream);\n }\n\n .tph-heading {\n max-width: 690px;\n margin: 0 auto 30px;\n text-align: center;\n }\n\n .tph-heading p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-single-detail {\n display: block;\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .tph-detail-slot {\n aspect-ratio: 1 \/ 1;\n border: 1px solid var(--tph-line);\n border-radius: 14px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(33, 31, 29, 0.05);\n }\n\n .tph-detail-copy {\n padding: 22px 4px 0;\n }\n\n .tph-detail-copy h3 {\n margin: 0 0 9px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 1.25;\n }\n\n .tph-detail-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 5. Dimension image and weight *\/\n .tph-dimensions {\n display: block;\n width: 100%;\n padding: clamp(34px, 6vw, 58px) clamp(16px, 4vw, 38px);\n background: #fff;\n }\n\n .tph-dimension-slot {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n aspect-ratio: 1 \/ 1;\n border-radius: 14px;\n box-shadow: 0 12px 30px rgba(33, 31, 29, 0.07);\n }\n\n .tph-dimensions-copy {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n padding-top: 28px;\n }\n\n .tph-dimensions-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n .tph-weight {\n display: inline-block;\n margin: 2px 0 13px;\n color: var(--tph-accent);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(46px, 8vw, 72px);\n line-height: 1;\n }\n\n \/* 6. Specifications and care *\/\n .tph-specs {\n width: 100%;\n padding: clamp(40px, 6vw, 68px) clamp(16px, 4vw, 32px);\n background: var(--tph-warm);\n text-align: center;\n }\n\n .tph-specs \u003e .tph-section-title {\n margin-bottom: 0;\n }\n\n .tph-spec-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n max-width: 820px;\n margin: 26px auto 0;\n overflow: hidden;\n border: 1px solid var(--tph-line);\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.74);\n }\n\n .tph-spec {\n min-width: 0;\n min-height: 92px;\n padding: 18px 10px;\n }\n\n .tph-spec + .tph-spec {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-spec span {\n display: block;\n margin-bottom: 6px;\n color: var(--tph-muted);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-spec strong {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.4;\n }\n\n .tph-care {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n max-width: 820px;\n margin: 22px auto 0;\n }\n\n .tph-care div {\n padding: 15px 13px;\n border-radius: 9px;\n background: #fff;\n color: var(--tph-charcoal);\n font-size: 13px;\n font-weight: 600;\n line-height: 1.55;\n }\n\n \/* 7. Brand close *\/\n .tph-final {\n width: 100%;\n padding: clamp(42px, 7vw, 72px) 20px;\n background: #242321;\n color: #fffaf2;\n text-align: center;\n }\n\n .tph-final h2 {\n max-width: 680px;\n margin: 0 auto 14px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 4.5vw, 48px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-final p {\n max-width: 580px;\n margin: 0 auto;\n color: rgba(255, 250, 242, 0.75);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-final .tph-brand {\n color: #fffaf2;\n }\n\n @media (max-width: 600px) {\n .tph-trust {\n grid-template-columns: 1fr;\n }\n\n .tph-trust-item {\n padding: 15px 14px;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .tph-spec:nth-child(3) {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec:nth-child(4) {\n border-top: 1px solid var(--tph-line);\n }\n\n .tph-care {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n }\n\u003c\/style\u003e\n\u003csection class=\"tph-page\"\u003e\u003c!-- 1. Main image --\u003e\n\u003cdiv class=\"tph-hero\"\u003e\n\u003cdiv class=\"tph-hero-media\"\u003e\n\u003cdiv class=\"tph-image-slot tph-main-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/14_2.png?v=1790786388\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-hero-copy\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003e04 Copper Meridian\u003c\/div\u003e\n\u003ch2\u003ePatinated Copper, Set on a Grounded Stone Base.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eCopper Meridian pairs a richly varied copper-toned upper body with a black stone base. Three sculpted rests are arranged around the circular rim, while narrow bronze ribs add directional detail to the exterior. The layered profile gives this tabletop piece a balanced, substantial presence.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eCopper-toned finish with natural-looking surface variation\u003c\/li\u003e\n\u003cli\u003eBlack stone base for a grounded, layered profile\u003c\/li\u003e\n\u003cli\u003eThree wide cigar rests arranged around the circular rim\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Product qualities --\u003e\n\u003cdiv class=\"tph-trust\"\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003ePatinated Copper Finish\u003c\/strong\u003e \u003cspan\u003eRich copper tones bring depth to the exterior\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eBlack Stone Base\u003c\/strong\u003e \u003cspan\u003eA dark foundation completes the layered silhouette\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eThree Wide Rests\u003c\/strong\u003e \u003cspan\u003eDefined notches are integrated into the circular rim\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Lifestyle image --\u003e\n\u003cdiv class=\"tph-scene\"\u003e\n\u003cdiv class=\"tph-image-slot tph-scene-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/14_3.png?v=1790786388\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Directional, Grounded Presence\u003c\/div\u003e\n\u003ch2\u003eCopper and Stone for Considered Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or polished stone console, Copper Meridian brings warm metallic tones into contrast with a dark stone foundation. Its circular form sits naturally among dark wood, leather, and restrained brass accents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. One detail image --\u003e\n\u003cdiv class=\"tph-details\"\u003e\n\u003cdiv class=\"tph-heading\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eRefined in Every Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eDirectional Ribs, Sculpted Rests\u003c\/h2\u003e\n\u003cp\u003eThe copper-toned body, narrow bronze ribs, and black stone base form one composed circular profile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-single-detail\"\u003e\n\u003cdiv class=\"tph-image-slot tph-detail-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/14_1.jpg?v=1790786388\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eA Layered Finish with Three Defined Rests\u003c\/h3\u003e\n\u003cp\u003eNatural-looking variation across the copper-toned exterior creates visual depth. Narrow bronze ribs divide the surface into directional sections, while three wide rests are shaped into the rim. The black stone base adds contrast and completes the layered construction.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Dimension image --\u003e\n\u003cdiv class=\"tph-dimensions\"\u003e\n\u003cdiv class=\"tph-image-slot tph-dimension-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/14_1.png?v=1790786388\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-dimensions-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSize \u0026amp; Substance\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Balanced Circle with Solid Presence\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e2.7 lb\u003c\/span\u003e\n\u003cp\u003eCopper Meridian measures 6.0 inches across and 1.8 inches high. Its circular form and black stone base create a grounded profile for a tabletop or lounge setting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Specifications and care --\u003e\n\u003cdiv class=\"tph-specs\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSpecifications\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eCopper Meridian, in Detail\u003c\/h2\u003e\n\u003cdiv class=\"tph-spec-grid\" role=\"list\"\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eWidth\u003c\/span\u003e \u003cstrong\u003e6.0 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e6.0 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e1.8 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eNet Weight\u003c\/span\u003e \u003cstrong\u003e2.7 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eEmpty carefully and avoid dropping the stone base.\u003c\/div\u003e\n\u003cdiv\u003eWipe the surfaces with a soft, dry or slightly damp cloth.\u003c\/div\u003e\n\u003cdiv\u003eAvoid abrasive cleaners and hard impacts.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Brand close --\u003e\n\u003cdiv class=\"tph-final\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003ch2\u003eLet Direction and Material Define the Moment.\u003c\/h2\u003e\n\u003cp\u003eCopper Meridian pairs a varied copper-toned finish, sculpted rests, and a black stone base in a composed circular form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67593761325285,"sku":null,"price":45.69,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/14_2.png?v=1790786388"},{"product_id":"15-tephria™-07-onyx-orbit-sculptural-brass-ashtray-with-matte-black-frame-and-marble-base","title":"tephria™ 07 Onyx Orbit — Sculptural Brass Ashtray with Matte Black Frame and Marble Base","description":"\u003c!-- tephria™ 07 Onyx Orbit — Shopify Product Description --\u003e\n\u003cstyle\u003e\n .tph-page,\n .tph-page * {\n box-sizing: border-box;\n }\n\n .tph-page {\n --tph-ink: #211f1d;\n --tph-charcoal: #292725;\n --tph-muted: #716d68;\n --tph-cream: #f4f2ee;\n --tph-warm: #eae7e1;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #9a8058;\n --tph-brass: #b18c57;\n\n display: block;\n width: 100%;\n max-width: 900px;\n min-width: 0;\n margin: 0 auto;\n overflow: hidden;\n color: var(--tph-ink);\n background: #fff;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n }\n\n .tph-page *,\n .tph-page *::before,\n .tph-page *::after {\n box-sizing: border-box;\n }\n\n .tph-page img {\n display: block;\n width: 100%;\n max-width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n .tph-page h2,\n .tph-page h3,\n .tph-page p {\n margin-top: 0;\n overflow-wrap: anywhere;\n }\n\n .tph-page h2,\n .tph-page h3 {\n word-break: normal;\n }\n\n .tph-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin: 0 0 14px;\n color: var(--tph-accent);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-eyebrow::before {\n flex: 0 0 23px;\n width: 23px;\n height: 1px;\n background: currentColor;\n content: \"\";\n }\n\n .tph-brand {\n margin: 0 0 9px;\n color: var(--tph-ink);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 20px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 1.35;\n text-transform: none;\n }\n\n .tph-image-slot {\n position: relative;\n display: flex;\n width: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background: #e3e1dd;\n color: #504c46;\n text-align: center;\n }\n\n .tph-image-slot span {\n display: inline-block;\n padding: 12px 16px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.4;\n }\n\n \/* 1. Main image and product introduction *\/\n .tph-hero {\n display: block;\n width: 100%;\n min-width: 0;\n background: linear-gradient(145deg, #fff 0%, var(--tph-cream) 100%);\n }\n\n .tph-hero-media {\n width: 100%;\n padding: clamp(16px, 4vw, 38px);\n }\n\n .tph-main-slot {\n aspect-ratio: 1 \/ 1;\n border-radius: 16px;\n box-shadow: 0 12px 32px rgba(33, 31, 29, 0.09);\n }\n\n .tph-hero-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: 0 clamp(20px, 6vw, 60px) clamp(34px, 6vw, 58px);\n }\n\n .tph-hero h2 {\n max-width: 720px;\n margin: 0 0 18px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(32px, 5vw, 54px);\n font-weight: 400;\n line-height: 1.12;\n letter-spacing: -0.7px;\n }\n\n .tph-lead {\n max-width: 680px;\n margin: 0 0 24px;\n color: var(--tph-muted);\n font-size: 16px;\n line-height: 1.75;\n }\n\n .tph-points {\n display: grid;\n gap: 10px;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .tph-points li {\n position: relative;\n padding-left: 25px;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.6;\n }\n\n .tph-points li::before {\n position: absolute;\n top: 0;\n left: 0;\n color: var(--tph-accent);\n content: \"✦\";\n }\n\n \/* 2. Product qualities *\/\n .tph-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n border-top: 1px solid var(--tph-line);\n border-bottom: 1px solid var(--tph-line);\n background: #fff;\n }\n\n .tph-trust-item {\n min-width: 0;\n padding: 20px 14px;\n text-align: center;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-trust-item strong {\n display: block;\n margin-bottom: 4px;\n font-size: 13px;\n font-weight: 700;\n line-height: 1.45;\n }\n\n .tph-trust-item span {\n display: block;\n color: var(--tph-muted);\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* 3. Lifestyle image and copy *\/\n .tph-scene {\n display: block;\n width: 100%;\n background: var(--tph-charcoal);\n color: #fffaf2;\n }\n\n .tph-scene-slot {\n aspect-ratio: 1 \/ 1;\n }\n\n .tph-scene-copy {\n width: 100%;\n max-width: 740px;\n margin: 0 auto;\n padding: clamp(30px, 5vw, 48px) clamp(20px, 6vw, 60px);\n }\n\n .tph-scene h2,\n .tph-section-title {\n margin: 0 0 16px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(29px, 4.5vw, 44px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-scene .tph-eyebrow {\n color: #d2c3a8;\n }\n\n .tph-scene p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 250, 242, 0.77);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 4. One detail image only *\/\n .tph-details {\n width: 100%;\n padding: clamp(40px, 7vw, 72px) clamp(16px, 4vw, 38px);\n background: var(--tph-cream);\n }\n\n .tph-heading {\n max-width: 690px;\n margin: 0 auto 30px;\n text-align: center;\n }\n\n .tph-heading p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-single-detail {\n display: block;\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n }\n\n .tph-detail-slot {\n aspect-ratio: 1 \/ 1;\n border: 1px solid var(--tph-line);\n border-radius: 14px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(33, 31, 29, 0.05);\n }\n\n .tph-detail-copy {\n padding: 22px 4px 0;\n }\n\n .tph-detail-copy h3 {\n margin: 0 0 9px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: 24px;\n font-weight: 400;\n line-height: 1.25;\n }\n\n .tph-detail-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n \/* 5. Dimension image and weight *\/\n .tph-dimensions {\n display: block;\n width: 100%;\n padding: clamp(34px, 6vw, 58px) clamp(16px, 4vw, 38px);\n background: #fff;\n }\n\n .tph-dimension-slot {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n aspect-ratio: 1 \/ 1;\n border-radius: 14px;\n box-shadow: 0 12px 30px rgba(33, 31, 29, 0.07);\n }\n\n .tph-dimensions-copy {\n width: 100%;\n max-width: 680px;\n margin: 0 auto;\n padding-top: 28px;\n }\n\n .tph-dimensions-copy p {\n margin: 0;\n color: var(--tph-muted);\n font-size: 15px;\n line-height: 1.75;\n }\n\n .tph-weight {\n display: inline-block;\n margin: 2px 0 13px;\n color: var(--tph-accent);\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(46px, 8vw, 72px);\n line-height: 1;\n }\n\n \/* 6. Specifications and care *\/\n .tph-specs {\n width: 100%;\n padding: clamp(40px, 6vw, 68px) clamp(16px, 4vw, 32px);\n background: var(--tph-warm);\n text-align: center;\n }\n\n .tph-specs \u003e .tph-section-title {\n margin-bottom: 0;\n }\n\n .tph-spec-grid {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n max-width: 820px;\n margin: 26px auto 0;\n overflow: hidden;\n border: 1px solid var(--tph-line);\n border-radius: 12px;\n background: rgba(255, 255, 255, 0.74);\n }\n\n .tph-spec {\n min-width: 0;\n min-height: 92px;\n padding: 18px 10px;\n }\n\n .tph-spec + .tph-spec {\n border-left: 1px solid var(--tph-line);\n }\n\n .tph-spec span {\n display: block;\n margin-bottom: 6px;\n color: var(--tph-muted);\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 1px;\n line-height: 1.4;\n text-transform: uppercase;\n }\n\n .tph-spec strong {\n font-size: 14px;\n font-weight: 700;\n line-height: 1.4;\n }\n\n .tph-care {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n width: 100%;\n max-width: 820px;\n margin: 22px auto 0;\n }\n\n .tph-care div {\n padding: 15px 13px;\n border-radius: 9px;\n background: #fff;\n color: var(--tph-charcoal);\n font-size: 13px;\n font-weight: 600;\n line-height: 1.55;\n }\n\n \/* 7. Brand close *\/\n .tph-final {\n width: 100%;\n padding: clamp(42px, 7vw, 72px) 20px;\n background: #242321;\n color: #fffaf2;\n text-align: center;\n }\n\n .tph-final h2 {\n max-width: 680px;\n margin: 0 auto 14px;\n font-family: Georgia, \"Times New Roman\", serif;\n font-size: clamp(30px, 4.5vw, 48px);\n font-weight: 400;\n line-height: 1.15;\n }\n\n .tph-final p {\n max-width: 580px;\n margin: 0 auto;\n color: rgba(255, 250, 242, 0.75);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-final .tph-brand {\n color: #fffaf2;\n }\n\n @media (max-width: 600px) {\n .tph-trust {\n grid-template-columns: 1fr;\n }\n\n .tph-trust-item {\n padding: 15px 14px;\n }\n\n .tph-trust-item + .tph-trust-item {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .tph-spec:nth-child(3) {\n border-top: 1px solid var(--tph-line);\n border-left: 0;\n }\n\n .tph-spec:nth-child(4) {\n border-top: 1px solid var(--tph-line);\n }\n\n .tph-care {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n }\n\u003c\/style\u003e\n\u003csection class=\"tph-page\"\u003e\u003c!-- 1. Main image --\u003e\n\u003cdiv class=\"tph-hero\"\u003e\n\u003cdiv class=\"tph-hero-media\"\u003e\n\u003cdiv class=\"tph-image-slot tph-main-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/15_3.png?v=1790786456\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-hero-copy\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003e07 Onyx Orbit\u003c\/div\u003e\n\u003ch2\u003eA Brass Basin Held in a Sculpted Black Orbit.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eOnyx Orbit brings together a solid antique-brass ash bowl, a matte black sculpted metal frame, and a veined black marble plinth. Three integrated brass rests extend around the circular bowl, giving the layered composition a balanced, architectural presence.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eSolid antique-brass ash bowl with a brushed finish\u003c\/li\u003e\n\u003cli\u003eMatte black metal frame with three integrated rests\u003c\/li\u003e\n\u003cli\u003eBlack marble plinth with natural veining\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Product qualities --\u003e\n\u003cdiv class=\"tph-trust\"\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eAntique-Brass Bowl\u003c\/strong\u003e \u003cspan\u003eA warm metallic center with a brushed surface\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eMatte Black Orbit\u003c\/strong\u003e \u003cspan\u003eA sculpted circular frame surrounds the bowl\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eBlack Marble Plinth\u003c\/strong\u003e \u003cspan\u003eA veined stone base grounds the elevated form\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. Lifestyle image --\u003e\n\u003cdiv class=\"tph-scene\"\u003e\n\u003cdiv class=\"tph-image-slot tph-scene-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/15_1.png?v=1790786456\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Refined Centerpiece\u003c\/div\u003e\n\u003ch2\u003eBrass and Stone for Considered Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or polished stone console, Onyx Orbit pairs the depth of matte black with the warmth of brushed brass. Its marble plinth and elevated circular form create a distinctive focal point among dark wood, leather, and restrained metallic details.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. One detail image --\u003e\n\u003cdiv class=\"tph-details\"\u003e\n\u003cdiv class=\"tph-heading\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eRefined in Every Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Brushed Brass Bowl, Held in Orbit\u003c\/h2\u003e\n\u003cp\u003eThree integrated rests connect the brass bowl visually to the matte black frame and veined marble base.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-single-detail\"\u003e\n\u003cdiv class=\"tph-image-slot tph-detail-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/15_1.jpg?v=1790786456\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eBrass, Matte Metal, and Natural Stone\u003c\/h3\u003e\n\u003cp\u003eThe brushed antique-brass bowl forms the warm center of the design. Three broad rests meet the matte black outer frame, while the elevated bowl and circular marble plinth create a composed, architectural profile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Dimension image --\u003e\n\u003cdiv class=\"tph-dimensions\"\u003e\n\u003cdiv class=\"tph-image-slot tph-dimension-slot\"\u003e\u003cspan\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/15_2.png?v=1790786456\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-dimensions-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSize \u0026amp; Substance\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eAn Elevated Form with Grounded Presence\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e3.5 lb\u003c\/span\u003e\n\u003cp\u003eOnyx Orbit measures 6.5 inches across and 3.1 inches high. The raised bowl and round marble plinth give the design vertical presence while maintaining a compact circular footprint.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Specifications and care --\u003e\n\u003cdiv class=\"tph-specs\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eSpecifications\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eOnyx Orbit, in Detail\u003c\/h2\u003e\n\u003cdiv class=\"tph-spec-grid\" role=\"list\"\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eWidth\u003c\/span\u003e \u003cstrong\u003e6.5 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e6.5 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e3.1 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eNet Weight\u003c\/span\u003e \u003cstrong\u003e3.5 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eEmpty carefully after the brass bowl has cooled.\u003c\/div\u003e\n\u003cdiv\u003eWipe the brass and frame with a soft, dry cloth.\u003c\/div\u003e\n\u003cdiv\u003eAvoid abrasive cleaners and hard impacts to the marble base.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7. Brand close --\u003e\n\u003cdiv class=\"tph-final\"\u003e\n\u003cdiv class=\"tph-brand\"\u003etephria™\u003c\/div\u003e\n\u003ch2\u003eLet Materials Find Their Orbit.\u003c\/h2\u003e\n\u003cp\u003eOnyx Orbit unites brushed brass, matte black metal, and veined marble in a composed tabletop centerpiece.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67593815884005,"sku":null,"price":36.96,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/15_3.png?v=1790786456"}],"url":"https:\/\/tephria.com\/collections\/sys2.oembed","provider":"Tephria™","version":"1.0","type":"link"}