{"title":"sys1","description":null,"products":[{"product_id":"1-tephria™-03-cinder-ridge-sculpted-ceramic-ashtray-with-contoured-ridges","title":"tephria™ 03 Cinder Ridge — Sculpted Ceramic Ashtray with Contoured Ridges","description":"\u003c!-- tephria™ 03 Cinder Ridge — 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: #201f1d;\n --tph-charcoal: #2d2b29;\n --tph-muted: #716d67;\n --tph-cream: #f6f3ed;\n --tph-warm: #ebe6dc;\n --tph-line: rgba(32, 31, 29, 0.12);\n --tph-accent: #a18b70;\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: #e8e5df;\n color: #5d5953;\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(32, 31, 29, 0.08);\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: #fff;\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 p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 255, 255, 0.76);\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(32, 31, 29, 0.045);\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(32, 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.72);\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: #232220;\n color: #fff;\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, 255, 255, 0.74);\n font-size: 15px;\n line-height: 1.7;\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\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/1_4.png?v=1790779538\" alt=\"tephria™ 03 Cinder Ridge sculpted ceramic ashtray\"\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\"\u003e03 Cinder Ridge\u003c\/div\u003e\n\u003ch2\u003eSculpted Form. A More Considered Moment.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eCinder Ridge brings a composed, tactile presence to the tabletop. Its softly elongated silhouette, concentric sculpted ridges, and deep graphite tone create a distinctive ashtray with a restrained, architectural character.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eCast ceramic body in a refined charcoal finish\u003c\/li\u003e\n\u003cli\u003eConcentric interior ridges with two notch rests\u003c\/li\u003e\n\u003cli\u003eLow, substantial profile for a grounded tabletop presence\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 Ceramic\u003c\/strong\u003e \u003cspan\u003eSubtle mineral texture and a quiet matte appearance\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eContoured Interior\u003c\/strong\u003e \u003cspan\u003eLayered ridges shape the distinctive basin\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eConsidered Silhouette\u003c\/strong\u003e \u003cspan\u003eDesigned to sit naturally in curated interiors\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\/1_1.png?v=1790779538\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Quiet Tabletop Presence\u003c\/div\u003e\n\u003ch2\u003eDesigned for Collected, Considered Spaces\u003c\/h2\u003e\n\u003cp\u003eOn a coffee table, desk, or sideboard, Cinder Ridge pairs naturally with dark wood, stone, leather, and warm metal accents. Its sculpted surface adds depth and material character while keeping the overall composition calm and balanced.\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\"\u003eSculptural Details\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eTexture Held in Form\u003c\/h2\u003e\n\u003cp\u003eThe design brings together a gently rounded outline, recessed concentric contours, and cleanly integrated rests in one cohesive 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\/1_2.png?v=1790779538\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eConcentric Ridge Basin\u003c\/h3\u003e\n\u003cp\u003eNested sculpted ridges draw the eye toward the center and give the interior a measured rhythm and tactile sense of depth. Two opposing notch rests are integrated into the rim, preserving the clean outline while adding practical placement points.\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\/1_3.png?v=1790779538\" 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 Low Profile with a Grounded Feel\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e1.8 lb\u003c\/span\u003e\n\u003cp\u003eCinder Ridge measures 7.0 inches across, 4.8 inches deep, and 1.7 inches high. Its compact, low-set profile gives the sculpted ceramic form a steady 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\"\u003eCinder Ridge, 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.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.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.7 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.8 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eRemove ash and residue after the item has cooled.\u003c\/div\u003e\n\u003cdiv\u003eWipe the ceramic surface with a soft, damp cloth.\u003c\/div\u003e\n\u003cdiv\u003eDry thoroughly before placing it back on display.\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 and Form Set the Tone.\u003c\/h2\u003e\n\u003cp\u003eCinder Ridge brings sculpted ceramic texture and a composed graphite presence to the everyday tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67591942635749,"sku":null,"price":51.99,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/1_4.png?v=1790779538"},{"product_id":"2-tephria™-10-ember-vault-lidded-burgundy-marble-ashtray-with-brass-knob","title":"tephria™ 10 Ember Vault — Lidded Burgundy Marble Ashtray with Brass Knob","description":"\u003c!-- tephria™ 10 Ember Vault — 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: #241d1a;\n --tph-charcoal: #30221d;\n --tph-muted: #766a63;\n --tph-cream: #f7f1eb;\n --tph-warm: #eee3d8;\n --tph-line: rgba(48, 34, 29, 0.14);\n --tph-accent: #a16d4a;\n --tph-brass: #b38a58;\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: #e8e1da;\n color: #5b4940;\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(48, 34, 29, 0.1);\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-brass);\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: #fff8f0;\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: #d3b48a;\n }\n\n .tph-scene p {\n max-width: 660px;\n margin: 0;\n color: rgba(255, 248, 240, 0.78);\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(48, 34, 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(48, 34, 29, 0.08);\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.76);\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: #29201c;\n color: #fff8f0;\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, 248, 240, 0.76);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .tph-final .tph-brand {\n color: #fff8f0;\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\/2_4.png?v=1790782153\" 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\"\u003e10 Ember Vault\u003c\/div\u003e\n\u003ch2\u003eA Refined Ashtray for a More Considered Space.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eEmber Vault pairs richly veined burgundy marble with a sculpted brass knob and a fitted lid. Its substantial round form brings natural stone character and warm metallic detail to a considered tabletop.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eSolid burgundy marble body with natural veining\u003c\/li\u003e\n\u003cli\u003eFitted marble lid with a sculpted brass knob\u003c\/li\u003e\n\u003cli\u003eThree integrated 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\u003eGenuine Marble\u003c\/strong\u003e \u003cspan\u003eDistinctive burgundy stone with natural veining\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eBrass Detail\u003c\/strong\u003e \u003cspan\u003eA warm metallic accent on the fitted lid\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eThree Rim Rests\u003c\/strong\u003e \u003cspan\u003eIntegrated into the circular outer edge\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\/2_1.png?v=1790782153\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Warm Tabletop Presence\u003c\/div\u003e\n\u003ch2\u003eStone, Brass, and a Sense of Occasion\u003c\/h2\u003e\n\u003cp\u003eStyled on a desk, side table, or lounge console, Ember Vault complements dark wood, leather, and polished stone. The deep red marble and brass knob create a composed accent with a distinctly classic character.\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\"\u003eMaterial \u0026amp; Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Considered Lid and Sculpted Rim\u003c\/h2\u003e\n\u003cp\u003eThe circular lid, brass knob, and three shaped rests are integrated into a single, substantial marble 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\/2_2.png?v=1790782152\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eNatural Marble with Brass Hardware\u003c\/h3\u003e\n\u003cp\u003eA sculpted brass knob provides a defined point of contrast against the polished burgundy marble lid. Three rests are shaped into the rim, while the visible stone veining gives each surface its own natural pattern.\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\/2_3.png?v=1790782153\" 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 Solid Form with a Compact Footprint\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e3.0 lb\u003c\/span\u003e\n\u003cp\u003eEmber Vault measures 5.7 inches wide, 5.7 inches deep, and 2.4 inches high. Its solid marble construction gives the compact circular design a substantial feel 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\"\u003eEmber Vault, 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.7 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\u003e2.4 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.0 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eAllow the ashtray to cool before emptying or cleaning.\u003c\/div\u003e\n\u003cdiv\u003eWipe marble and brass with a soft, dry cloth.\u003c\/div\u003e\n\u003cdiv\u003eAvoid abrasive cleaners and prolonged contact with moisture.\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 Stone and Brass Set the Tone.\u003c\/h2\u003e\n\u003cp\u003eEmber Vault brings natural marble pattern, sculpted brass detail, and a composed presence to the everyday tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67592235024613,"sku":null,"price":52.36,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/2_4.png?v=1790782153"},{"product_id":"3-tephria™-08-dune-monolith-architectural-sandstone-resin-ashtray","title":"tephria™ 08 Dune Monolith — Architectural Sandstone Resin Ashtray","description":"\u003c!-- tephria™ 08 Dune Monolith — 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: #25211d;\n --tph-charcoal: #302a24;\n --tph-muted: #756d64;\n --tph-cream: #f5f0e8;\n --tph-warm: #ebe3d7;\n --tph-line: rgba(37, 33, 29, 0.13);\n --tph-accent: #9a7855;\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: #e7dfd3;\n color: #5d5042;\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(37, 33, 29, 0.08);\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: #d1b99b;\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(37, 33, 29, 0.045);\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(37, 33, 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: #29241f;\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\/3_2.png?v=1790782452\" 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\"\u003e08 Dune Monolith\u003c\/div\u003e\n\u003ch2\u003eArchitectural Form for Modern Rituals.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eDune Monolith brings a quiet architectural presence to the tabletop. Its warm sandstone tone, rectangular monolithic silhouette, and sunken elliptical bowl create a composed ashtray shaped by clean geometry and tactile surface detail.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eSandstone-look resin with a refined granular texture\u003c\/li\u003e\n\u003cli\u003eSunken elliptical bowl with two beveled cigar rests\u003c\/li\u003e\n\u003cli\u003eLayered terrace details define the geometric 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\u003eArchitectural Silhouette\u003c\/strong\u003e \u003cspan\u003eA low rectangular form with stepped side details\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eElliptical Bowl\u003c\/strong\u003e \u003cspan\u003eA recessed basin shaped into the solid form\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eTwo Cigar Rests\u003c\/strong\u003e \u003cspan\u003eBeveled channels integrated into opposing edges\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\/3_3.png?v=1790782452\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Grounded Tabletop Presence\u003c\/div\u003e\n\u003ch2\u003eWarm Stone Character, Clean Modern Lines\u003c\/h2\u003e\n\u003cp\u003eSet on a desk, console, or lounge table, Dune Monolith pairs naturally with dark wood, leather, and aged metal. Its muted sand color brings warmth to the setting, while its crisp, stepped profile keeps the overall composition composed and deliberate.\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\"\u003eForm \u0026amp; Surface\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Study in Recessed Geometry\u003c\/h2\u003e\n\u003cp\u003eThe sunken bowl, beveled rests, and stepped side terraces are shaped as connected parts of one architectural 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\/3_4.png?v=1790782452\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eBeveled Rests and Layered Terraces\u003c\/h3\u003e\n\u003cp\u003eTwo precision channels are set into opposing sides of the rim, framing the elliptical bowl. Along the exterior, horizontal terraces create a measured rhythm and emphasize the ashtray’s substantial, monolithic 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\/3_1.png?v=1790782452\" 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 Substantial Form with a Low Profile\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e2.9 lb\u003c\/span\u003e\n\u003cp\u003eDune Monolith measures 7.3 inches wide, 5.2 inches deep, and 1.9 inches high. Its broad footprint and solid-feeling profile give the geometric design a steady 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\"\u003eDune Monolith, 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.3 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e5.2 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.9 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eEmpty the bowl after all ash has cooled.\u003c\/div\u003e\n\u003cdiv\u003eWipe the surface with a soft, dry or slightly damp cloth.\u003c\/div\u003e\n\u003cdiv\u003eAvoid abrasive pads and harsh chemical cleaners.\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 Geometry Set the Tone.\u003c\/h2\u003e\n\u003cp\u003eDune Monolith brings sandstone-inspired texture, considered proportions, and architectural character to the everyday tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67592400830693,"sku":null,"price":45.96,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/3_2.png?v=1790782452"},{"product_id":"4-tephria™-14-forge-crest-hand-hammered-iron-ashtray-with-four-cigar-rests","title":"tephria™ 14 Forge Crest — Hand-Hammered Iron Ashtray with Four Cigar Rests","description":"\u003c!-- tephria™ 14 Forge Crest — 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: #211f1c;\n --tph-charcoal: #252321;\n --tph-muted: #716d67;\n --tph-cream: #f5f2ed;\n --tph-warm: #ebe5dc;\n --tph-line: rgba(33, 31, 28, 0.13);\n --tph-accent: #a98752;\n --tph-brass: #bd985d;\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: #e5e2dc;\n color: #514b43;\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, 28, 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-brass);\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: #d2b77f;\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, 28, 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, 28, 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\/4_1.png?v=1790783738\" 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\"\u003e14 Forge Crest\u003c\/div\u003e\n\u003ch2\u003eHand-Hammered Iron. Timeless Presence.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eForge Crest brings the character of worked metal to a substantial circular form. Its dark iron body, hand-hammered surface, warm brass-toned edges, and centered medallion create a composed tabletop object with a strong, enduring presence.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eHand-hammered iron construction with a distinctive surface\u003c\/li\u003e\n\u003cli\u003eFour integrated cigar rests shaped into the rim\u003c\/li\u003e\n\u003cli\u003eAged brass medallion set on the front of the body\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\u003eHammered Iron\u003c\/strong\u003e \u003cspan\u003eTextured metal surface with a crafted character\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eFour Rim Rests\u003c\/strong\u003e \u003cspan\u003eEvenly spaced cutouts integrated into the rim\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eAged Brass Medallion\u003c\/strong\u003e \u003cspan\u003eA warm metallic accent centered on the front\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\/4_2.png?v=1790783738\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Distinctive Tabletop Presence\u003c\/div\u003e\n\u003ch2\u003eForged Texture for Collected Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or console, Forge Crest pairs naturally with dark wood, stone, leather, and brass accents. Its hammered exterior catches light across the surface, while the round silhouette keeps the overall composition grounded and balanced.\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\"\u003eMaterial \u0026amp; Craft\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eTexture Made Part of the Form\u003c\/h2\u003e\n\u003cp\u003eHammered iron, shaped rim rests, and a centered brass medallion come together in a single, clearly defined 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\/4_3.png?v=1790783738\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eHammered Iron and Brass Accents\u003c\/h3\u003e\n\u003cp\u003eThe hammered exterior creates a richly varied surface around the circular body. Four cutouts are formed into the rim as cigar rests, while the aged brass medallion adds a focused point of contrast to the front.\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\/4_4.png?v=1790783738\" 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 Round Form with a Low Profile\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e2.7 lb\u003c\/span\u003e\n\u003cp\u003eForge Crest measures 6.4 inches across and 1.7 inches high. Its broad circular footprint and substantial iron construction give the low-profile design a steady 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\"\u003eForge Crest, 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.4 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e6.4 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e1.7 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\u003eAllow the iron surface to cool before emptying.\u003c\/div\u003e\n\u003cdiv\u003eWipe with a soft, dry cloth after use.\u003c\/div\u003e\n\u003cdiv\u003eAvoid abrasive cleaners and prolonged exposure to moisture.\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 Forged Texture Set the Tone.\u003c\/h2\u003e\n\u003cp\u003eForge Crest brings hand-hammered character, iron weight, and aged brass detail to the everyday tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67592896119013,"sku":null,"price":56.36,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/4_1.png?v=1790783738"},{"product_id":"5-tephria™-09-iron-compass-brushed-gunmetal-ashtray-with-black-ceramic-bowl","title":"tephria™ 09 Iron Compass — Brushed Gunmetal Ashtray with Black Ceramic Bowl","description":"\u003c!-- tephria™ 09 Iron Compass — 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: #262523;\n --tph-muted: #716d68;\n --tph-cream: #f4f2ee;\n --tph-warm: #eae6df;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #a77b4f;\n --tph-copper: #bd8050;\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: #e3e1dc;\n color: #4d4943;\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-copper);\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: #d2b18b;\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\/5_4.png?v=1790783968\" 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\"\u003e09 Iron Compass\u003c\/div\u003e\n\u003ch2\u003eA Grounded Centerpiece for Refined Moments.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eIron Compass pairs a brushed gunmetal exterior with a deep black ceramic bowl and a fine copper compass detail. Four angular rests are set around the rim, bringing directional geometry and contrasting materials into one composed tabletop form.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eBrushed gunmetal stainless steel exterior\u003c\/li\u003e\n\u003cli\u003eBlack ceramic bowl with a copper compass detail\u003c\/li\u003e\n\u003cli\u003eFour angular rests integrated into 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\u003eBrushed Gunmetal\u003c\/strong\u003e \u003cspan\u003eA restrained metallic finish with linear grain\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eBlack Ceramic Bowl\u003c\/strong\u003e \u003cspan\u003eA dark inset basin with a compass-inspired accent\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eFour Angular Rests\u003c\/strong\u003e \u003cspan\u003eEvenly spaced cutouts shaped into the outer 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\/5_1.png?v=1790783968\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Composed Tabletop Presence\u003c\/div\u003e\n\u003ch2\u003eMetal, Ceramic, and a Quiet Sense of Direction\u003c\/h2\u003e\n\u003cp\u003eOn a desk, lounge table, or console, Iron Compass sits naturally among dark wood, stone, leather, and warm metallic accents. Its circular silhouette keeps the setting balanced, while the copper compass detail offers a precise point of focus.\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\"\u003eMaterial \u0026amp; Detail\u003c\/div\u003e\n\u003ch2 class=\"tph-section-title\"\u003eA Compass Detail Within a Sculpted Rim\u003c\/h2\u003e\n\u003cp\u003eThe dark ceramic basin and copper compass motif sit inside a brushed metal ring shaped with four defined rests.\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\/5_2.png?v=1790783968\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eBrushed Metal, Black Ceramic, and Copper\u003c\/h3\u003e\n\u003cp\u003eThe gunmetal exterior brings a fine linear texture to the body, while the black ceramic interior creates a smooth visual contrast. A copper compass motif anchors the center, and four angular cutouts are integrated around 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\/5_3.png?v=1790783968\" 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 Circle with a Low Profile\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e2.6 lb\u003c\/span\u003e\n\u003cp\u003eIron Compass measures 6.1 inches across and 1.6 inches high. Its broad circular footprint and substantial materials give the low-profile design a steady presence on a desk, console, or lounge table.\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\"\u003eIron Compass, 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.1 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e6.1 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.6 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eAllow the bowl and metal body to cool before emptying.\u003c\/div\u003e\n\u003cdiv\u003eWipe the exterior with a soft, dry cloth.\u003c\/div\u003e\n\u003cdiv\u003eClean the ceramic bowl gently; avoid abrasive pads.\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\u003eFind Your Center in the Details.\u003c\/h2\u003e\n\u003cp\u003eIron Compass brings brushed metal, black ceramic, and a copper directional accent to the everyday tabletop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67592962048229,"sku":null,"price":46.99,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/5_4.png?v=1790783968"},{"product_id":"6-tephria™-nero-square-solid-black-marble-ashtray-with-brass-inlay","title":"tephria™ Nero Square — Solid Black Marble Ashtray with Brass Inlay","description":"\u003c!-- tephria™ Nero Square — 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: #262321;\n --tph-muted: #716c66;\n --tph-cream: #f4f1ec;\n --tph-warm: #eae5dd;\n --tph-line: rgba(33, 31, 29, 0.13);\n --tph-accent: #a98752;\n --tph-brass: #bd985d;\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: #4f4b46;\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-brass);\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: #d2b77f;\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\/6_4.png?v=1790784136\" 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\"\u003eNero Square\u003c\/div\u003e\n\u003ch2\u003eA Modern Classic in Solid Marble.\u003c\/h2\u003e\n\u003cp class=\"tph-lead\"\u003eNero Square brings the character of natural black marble into a clean, architectural form. Its square silhouette frames a smooth rounded basin, while two opposing rests and a discreet brass inlay add carefully considered details.\u003c\/p\u003e\n\u003cul class=\"tph-points\"\u003e\n\u003cli\u003eSolid black marble with natural white veining\u003c\/li\u003e\n\u003cli\u003eSmooth, rounded basin set into a square body\u003c\/li\u003e\n\u003cli\u003eBrass inlay adds a subtle metallic accent\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 Black Marble\u003c\/strong\u003e \u003cspan\u003eDistinctive veining gives each stone surface character\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eRounded Basin\u003c\/strong\u003e \u003cspan\u003eA smooth circular bowl within a crisp square profile\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-trust-item\"\u003e\n\u003cstrong\u003eSolid Brass Inlay\u003c\/strong\u003e \u003cspan\u003eA restrained accent set into the marble surface\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\/6_1.png?v=1790784136\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-scene-copy\"\u003e\n\u003cdiv class=\"tph-eyebrow\"\u003eA Quiet Statement Piece\u003c\/div\u003e\n\u003ch2\u003eNatural Stone for Considered Interiors\u003c\/h2\u003e\n\u003cp\u003eOn a desk, side table, or lounge console, Nero Square complements dark wood, leather, glass, and warm metallic accents. The marble’s natural veining brings visual depth, while its balanced geometry keeps the setting composed.\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 Smooth Basin, Framed in Stone\u003c\/h2\u003e\n\u003cp\u003eRounded interior contours, opposing rests, natural marble veining, and a small brass inlay bring distinct materials and forms together.\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\/6_2.png?v=1790784136\" alt=\"\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"tph-detail-copy\"\u003e\n\u003ch3\u003eNatural Marble and Brass Inlay\u003c\/h3\u003e\n\u003cp\u003eThe circular basin is smoothly recessed into the square marble body. Two opposing rests are shaped into the rim, while a solid brass inlay adds a small point of contrast against the black stone and its natural white veining.\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\/6_3.png?v=1790784136\" 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 Strong Square Profile with a Low Height\u003c\/h2\u003e\n\u003cspan class=\"tph-weight\"\u003e3.1 lb\u003c\/span\u003e\n\u003cp\u003eNero Square measures 6.2 inches wide, 6.2 inches deep, and 1.5 inches high. Its solid marble construction gives the compact square 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\"\u003eNero Square, 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.2 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-spec\" role=\"listitem\"\u003e\n\u003cspan\u003eDepth\u003c\/span\u003e \u003cstrong\u003e6.2 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\u003e3.1 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tph-care\"\u003e\n\u003cdiv\u003eAllow the marble basin to cool before emptying.\u003c\/div\u003e\n\u003cdiv\u003eWipe the stone with a soft, damp cloth.\u003c\/div\u003e\n\u003cdiv\u003eAvoid abrasive pads and harsh chemical cleaners.\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 Speak in Quiet Lines.\u003c\/h2\u003e\n\u003cp\u003eNero Square combines black marble, a rounded basin, and a subtle brass detail in a composed tabletop form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Tephria™","offers":[{"title":"Default Title","offer_id":67593007562981,"sku":null,"price":66.99,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0848\/6525\/3605\/files\/6_4.png?v=1790784136"}],"url":"https:\/\/tephria.com\/collections\/sys1.oembed","provider":"Tephria™","version":"1.0","type":"link"}