{"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","url":"https:\/\/tephria.com\/products\/5-tephria%e2%84%a2-09-iron-compass-brushed-gunmetal-ashtray-with-black-ceramic-bowl","provider":"Tephria™","version":"1.0","type":"link"}