{"product_id":"clayven™-vesper-01-ocular-tabletop-luminary","title":"Clayven™ Vesper-01 Ocular Tabletop Luminary","description":"\u003csection class=\"mv-vesper01\"\u003e\n\u003cdiv class=\"mv-hero\"\u003e\n\u003cdiv class=\"mv-wrap mv-hero-grid\"\u003e\n\u003cdiv class=\"mv-hero-text\"\u003e\n\u003cdiv class=\"mv-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cstrong\u003eClayven™\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp class=\"mv-kicker\"\u003eVESPER-01 \/ OCULAR TABLETOP LUMINARY\u003c\/p\u003e\n\u003ch1\u003eCandlelight,\u003cbr\u003eshaped for the table.\u003c\/h1\u003e\n\u003cp class=\"mv-hero-desc\"\u003eA low-profile optical candle luminary designed for intimate dining, quiet evening rituals, and refined tabletop atmosphere.\u003c\/p\u003e\n\u003cdiv class=\"mv-hero-note\"\u003e\n\u003cspan\u003eWarm optical glow\u003c\/span\u003e \u003cspan\u003eLow conversation-line design\u003c\/span\u003e \u003cspan\u003eWeighted stone presence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-photo mv-photo-main\"\u003e\n\u003cdiv class=\"mv-img-label\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/6237\/5712\/files\/1_4_2dca7841-b7f9-444e-bf6a-1c7ae2b47135.png?v=1791625583\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-bar\"\u003e\n\u003cspan\u003eK9 Optical Glass\u003c\/span\u003e \u003cspan\u003eNero Marquina Base\u003c\/span\u003e \u003cspan\u003eLow Dining Sightline\u003c\/span\u003e \u003cspan\u003eWarm Candle Reflection\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-section mv-atmosphere\"\u003e\n\u003cdiv class=\"mv-wrap mv-split\"\u003e\n\u003cdiv class=\"mv-photo mv-photo-scene\"\u003e\n\u003cdiv class=\"mv-img-label\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/6237\/5712\/files\/1_3_3d7e03a9-bac8-45cb-b212-964f445f1523.png?v=1791625583\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-copy-card\"\u003e\n\u003cp class=\"mv-kicker\"\u003eEVENING ATMOSPHERE\u003c\/p\u003e\n\u003ch2\u003eMade for the moment after the room goes soft.\u003c\/h2\u003e\n\u003cp\u003eVesper-01 brings a warm optical glow to dinners, reading corners, nightstands, and quiet hosting moments. The low candle position keeps the atmosphere present without interrupting the view across the table.\u003c\/p\u003e\n\u003cdiv class=\"mv-mini-grid\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eDining Table\u003c\/strong\u003e \u003cspan\u003eLow candlelight for intimate meals.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eConsole Styling\u003c\/strong\u003e \u003cspan\u003eA warm sculptural accent for entryways.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEvening Rituals\u003c\/strong\u003e \u003cspan\u003eSoft light for reading, wine, and slow nights.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-section mv-cream\"\u003e\n\u003cdiv class=\"mv-wrap mv-center\"\u003e\n\u003cp class=\"mv-kicker\"\u003ePRODUCT DIMENSIONS\u003c\/p\u003e\n\u003ch2\u003ePrecisely scaled for low tabletop candlelight.\u003c\/h2\u003e\n\u003cp\u003eThe dimension image shows the compact height, base width, and front-to-side structure of Vesper-01. Its low profile is designed to keep candlelight close to the table surface while preserving a clear conversation line.\u003c\/p\u003e\n\u003cdiv class=\"mv-photo mv-photo-dim\"\u003e\n\u003cdiv class=\"mv-img-label\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/6237\/5712\/files\/1_2_126ff8d1-ec1e-4bb1-8c4f-313fcbc372f4.png?v=1791625583\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-dimension-cards\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003eHeight\u003c\/span\u003e \u003cstrong\u003e7.2 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eBase Width\u003c\/span\u003e \u003cstrong\u003e5.8 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eGlass Shade Width\u003c\/span\u003e \u003cstrong\u003e3.1 in\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-section mv-dark\"\u003e\n\u003cdiv class=\"mv-wrap mv-split\"\u003e\n\u003cdiv class=\"mv-dark-copy\"\u003e\n\u003cp class=\"mv-kicker\"\u003eCRAFTED IN EVERY DETAIL\u003c\/p\u003e\n\u003ch2\u003eClear glass, black alloy, and grounded stone.\u003c\/h2\u003e\n\u003cp\u003eThe optical glass shade gathers candlelight into a soft amber field, while the matte black support arm gives the piece a clean architectural line.\u003c\/p\u003e\n\u003cdiv class=\"mv-detail-list\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eK9 Optical Glass\u003c\/strong\u003e \u003cspan\u003ePressed texture creates warm caustic reflections.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eMatte Black Alloy Arm\u003c\/strong\u003e \u003cspan\u003eSlim, quiet, and intentionally restrained.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eNero Marquina Base\u003c\/strong\u003e \u003cspan\u003eWeighted black stone presence with refined veining.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-photo\"\u003e\n\u003cdiv class=\"mv-img-label\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/6237\/5712\/files\/1_5_931a1321-5574-43da-a53f-8c5f9c7d5440.png?v=1791625583\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-section mv-weight\"\u003e\n\u003cdiv class=\"mv-wrap mv-split\"\u003e\n\u003cdiv class=\"mv-photo\"\u003e\n\u003cdiv class=\"mv-img-label\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1018\/6237\/5712\/files\/1_1_bbd3312a-3069-4602-8f67-e10f467f0621.png?v=1791625583\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-copy-card\"\u003e\n\u003cp class=\"mv-kicker\"\u003eNET WEIGHT\u003c\/p\u003e\n\u003ch2\u003eA grounded object, not a lightweight accessory.\u003c\/h2\u003e\n\u003cp\u003eThe net weight image highlights the substantial feel of Vesper-01. At 3.4 lb, the weighted base helps the luminary sit securely on dining tables, consoles, sideboards, and bedside surfaces.\u003c\/p\u003e\n\u003cdiv class=\"mv-spec-box\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003eNet Weight\u003c\/span\u003e \u003cstrong\u003e3.4 lb\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eMetric Weight\u003c\/span\u003e \u003cstrong\u003e1.54 kg\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003eBase Material\u003c\/span\u003e \u003cstrong\u003eWeighted Nero Marquina\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mv-ending\"\u003e\n\u003cdiv class=\"mv-wrap mv-ending-panel\"\u003e\n\u003cp class=\"mv-kicker\"\u003eVESPER-01\u003c\/p\u003e\n\u003ch2\u003eLow light with a quieter kind of luxury.\u003c\/h2\u003e\n\u003cp\u003eDesigned for homes that value atmosphere, proportion, and material presence, Vesper-01 turns a simple candle moment into a composed tabletop ritual.\u003c\/p\u003e\n\u003cdiv class=\"mv-ending-tags\"\u003e\n\u003cspan\u003eWarm\u003c\/span\u003e \u003cspan\u003eGrounded\u003c\/span\u003e \u003cspan\u003eOptical\u003c\/span\u003e \u003cspan\u003eTable-ready\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  .mv-vesper01,\n  .mv-vesper01 * {\n    box-sizing: border-box;\n  }\n\n  .mv-vesper01 {\n    --ink: #201711;\n    --muted: #75675a;\n    --cream: #fff8ed;\n    --warm: #f2e3cd;\n    --gold: #b98538;\n    --gold-soft: #d8b16a;\n    --line: rgba(127, 91, 45, 0.2);\n    --dark: #17120f;\n\n    width: 100%;\n    max-width: 100vw;\n    overflow-x: hidden;\n    background: var(--cream);\n    color: var(--ink);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n    \/* Respond to the width of the Shopify block, not only the browser window. *\/\n    container-name: mv-vesper-layout;\n    container-type: inline-size;\n  }\n\n  .mv-wrap {\n    width: min(1160px, calc(100% - 40px));\n    margin: 0 auto;\n  }\n\n  .mv-hero {\n    padding: clamp(48px, 6vw, 84px) 0;\n    background:\n      radial-gradient(circle at 78% 24%, rgba(216, 177, 106, 0.24), transparent 34%),\n      linear-gradient(135deg, #fffaf2 0%, #f1dfc4 100%);\n  }\n\n  .mv-hero-grid,\n  .mv-split {\n    display: grid;\n    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\n    gap: clamp(24px, 4vw, 56px);\n    align-items: center;\n  }\n\n  .mv-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 13px;\n    margin-bottom: 20px;\n    color: #6f4e2e;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(22px, 2.5vw, 32px);\n    line-height: 1;\n  }\n\n  .mv-eyebrow span {\n    width: 40px;\n    height: 1px;\n    background: linear-gradient(90deg, rgba(185, 133, 56, 0), rgba(185, 133, 56, 0.9));\n  }\n\n  .mv-eyebrow strong {\n    font-weight: 400;\n  }\n\n  .mv-kicker {\n    margin: 0 0 12px;\n    color: var(--gold);\n    font-size: 11.5px;\n    line-height: 1.3;\n    font-weight: 800;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n  }\n\n  .mv-hero h1,\n  .mv-center h2,\n  .mv-copy-card h2,\n  .mv-dark-copy h2,\n  .mv-ending h2 {\n    margin: 0;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-weight: 400;\n    line-height: 1.1;\n    letter-spacing: -0.8px;\n    color: var(--ink);\n  }\n\n  .mv-hero h1 {\n    max-width: 620px;\n    font-size: clamp(34px, 5vw, 64px);\n  }\n\n  .mv-center h2,\n  .mv-copy-card h2,\n  .mv-dark-copy h2,\n  .mv-ending h2 {\n    font-size: clamp(26px, 3.5vw, 44px);\n  }\n\n  .mv-hero-desc,\n  .mv-center p,\n  .mv-copy-card p,\n  .mv-dark-copy p,\n  .mv-ending p {\n    margin: 16px 0 0;\n    color: var(--muted);\n    font-size: 15px;\n    line-height: 1.68;\n  }\n\n  .mv-hero-desc {\n    max-width: 510px;\n    font-size: 16px;\n  }\n\n  .mv-hero-note {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 24px;\n  }\n\n  .mv-hero-note span,\n  .mv-ending-tags span {\n    padding: 8px 12px;\n    border: 1px solid rgba(185,133,56,0.28);\n    border-radius: 999px;\n    color: #6a5037;\n    background: rgba(255,255,255,0.65);\n    font-size: 11px;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n  }\n\n  .mv-photo {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    border: 1px solid var(--line);\n    border-radius: 6px;\n    background: linear-gradient(135deg, rgba(255,255,255,0.78), rgba(243,224,194,0.8));\n    box-shadow: 0 16px 40px rgba(62,39,15,0.1);\n    overflow: hidden;\n  }\n\n  .mv-photo-main {\n    aspect-ratio: 4 \/ 4.2;\n  }\n\n  .mv-photo-scene {\n    aspect-ratio: 4 \/ 4.6;\n  }\n\n  .mv-photo-dim {\n    width: min(720px, 100%);\n    margin: 28px auto 0;\n    aspect-ratio: 16 \/ 11;\n  }\n\n  .mv-img-label {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    padding: 12px;\n    border: 1px dashed rgba(185,133,56,0.5);\n    background: rgba(255,250,242,0.58);\n  }\n\n  .mv-img-label img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    border-radius: 4px;\n  }\n\n  .mv-bar {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    background: var(--dark);\n    border-top: 1px solid rgba(216,177,106,0.22);\n    border-bottom: 1px solid rgba(216,177,106,0.22);\n  }\n\n  .mv-bar span {\n    padding: 16px 10px;\n    text-align: center;\n    color: #f4ddb2;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    border-right: 1px solid rgba(255,255,255,0.08);\n  }\n\n  .mv-bar span:last-child {\n    border-right: 0;\n  }\n\n  .mv-section {\n    padding: clamp(48px, 6vw, 76px) 0;\n  }\n\n  .mv-atmosphere { background: #fffaf2; }\n  .mv-cream { background: var(--warm); }\n  .mv-weight { background: #fffaf2; }\n\n  .mv-center { text-align: center; }\n  .mv-center p { max-width: 680px; margin-left: auto; margin-right: auto; }\n  .mv-copy-card { max-width: 540px; }\n\n  .mv-mini-grid,\n  .mv-spec-box,\n  .mv-dimension-cards {\n    display: grid;\n    gap: 12px;\n    margin-top: 24px;\n  }\n\n  .mv-dimension-cards {\n    grid-template-columns: repeat(3, 1fr);\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .mv-mini-grid div,\n  .mv-spec-box div,\n  .mv-dimension-cards div {\n    padding: 14px 16px;\n    border: 1px solid var(--line);\n    background: rgba(255,255,255,0.65);\n  }\n\n  .mv-mini-grid strong {\n    display: block;\n    margin-bottom: 4px;\n    color: var(--ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 17px;\n    font-weight: 400;\n  }\n\n  .mv-mini-grid span {\n    display: block;\n    color: var(--muted);\n    font-size: 13.5px;\n    line-height: 1.5;\n  }\n\n  .mv-spec-box span,\n  .mv-dimension-cards span {\n    display: block;\n    margin-bottom: 6px;\n    color: #8a7664;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n  }\n\n  .mv-spec-box strong,\n  .mv-dimension-cards strong {\n    display: block;\n    color: var(--ink);\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: clamp(18px, 2vw, 24px);\n    line-height: 1.1;\n    font-weight: 400;\n  }\n\n  .mv-dark {\n    background:\n      radial-gradient(circle at 22% 16%, rgba(216,177,106,0.16), transparent 32%),\n      #17120f;\n  }\n\n  .mv-dark-copy h2 { color: #fff8ed; }\n  .mv-dark-copy p { color: rgba(255,248,237,0.72); }\n\n  .mv-dark .mv-photo {\n    border-color: rgba(216,177,106,0.28);\n    background:\n      linear-gradient(135deg, rgba(36,25,16,0.9), rgba(80,54,29,0.62)),\n      radial-gradient(circle at center, rgba(216,177,106,0.28), transparent 46%);\n  }\n\n  .mv-detail-list {\n    display: grid;\n    gap: 12px;\n    margin-top: 24px;\n  }\n\n  .mv-detail-list div {\n    padding: 15px 18px;\n    border: 1px solid rgba(216,177,106,0.25);\n    background: rgba(255,255,255,0.05);\n  }\n\n  .mv-detail-list strong {\n    display: block;\n    margin-bottom: 4px;\n    color: #fff4dd;\n    font-family: Georgia, \"Times New Roman\", serif;\n    font-size: 17px;\n    font-weight: 400;\n  }\n\n  .mv-detail-list span {\n    display: block;\n    color: rgba(255,248,237,0.65);\n    font-size: 13.5px;\n    line-height: 1.5;\n  }\n\n  .mv-ending {\n    padding: clamp(48px, 6vw, 80px) 0;\n    background:\n      radial-gradient(circle at 50% 0%, rgba(185,133,56,0.16), transparent 34%),\n      linear-gradient(180deg, #fff8ed 0%, #f3e3cc 100%);\n  }\n\n  .mv-ending-panel {\n    max-width: 820px;\n    text-align: center;\n    padding: clamp(28px, 4vw, 48px);\n    border: 1px solid rgba(185,133,56,0.28);\n    background: rgba(255,255,255,0.6);\n    box-shadow: 0 16px 40px rgba(67,42,17,0.08);\n  }\n\n  .mv-ending p {\n    max-width: 620px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .mv-ending-tags {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 24px;\n  }\n\n  @media (max-width: 900px) {\n    .mv-hero-grid,\n    .mv-split {\n      grid-template-columns: 1fr;\n    }\n    .mv-bar {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 620px) {\n    .mv-wrap {\n      width: min(100% - 24px, 1160px);\n    }\n    .mv-bar {\n      grid-template-columns: 1fr;\n    }\n    .mv-bar span {\n      border-right: 0;\n      border-bottom: 1px solid rgba(255,255,255,0.08);\n    }\n    .mv-bar span:last-child {\n      border-bottom: 0;\n    }\n    .mv-hero h1 {\n      font-size: 32px;\n    }\n  }\n\n  \/*\n    Shopify can render this code inside the narrow product-information column\n    even on a wide desktop screen. Container queries keep the same design but\n    switch it to the existing responsive layout whenever this block is narrow.\n  *\/\n  @container mv-vesper-layout (max-width: 900px) {\n    .mv-hero-grid,\n    .mv-split {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .mv-bar {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .mv-copy-card,\n    .mv-dark-copy {\n      max-width: none;\n    }\n  }\n\n  @container mv-vesper-layout (max-width: 620px) {\n    .mv-wrap {\n      width: min(100% - 24px, 1160px);\n    }\n\n    .mv-bar,\n    .mv-dimension-cards {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .mv-bar span {\n      border-right: 0;\n      border-bottom: 1px solid rgba(255,255,255,0.08);\n    }\n\n    .mv-bar span:last-child {\n      border-bottom: 0;\n    }\n\n    .mv-hero h1 {\n      max-width: 100%;\n      font-size: clamp(32px, 12cqi, 46px);\n      overflow-wrap: normal;\n      word-break: normal;\n    }\n\n    .mv-photo-main,\n    .mv-photo-scene {\n      aspect-ratio: 1 \/ 1;\n    }\n  }\n\u003c\/style\u003e","brand":"Clayven™","offers":[{"title":"Default Title","offer_id":52431277424928,"sku":"TTB-JY-sculp2015*1","price":47.56,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1018\/6237\/5712\/files\/1_4_2dca7841-b7f9-444e-bf6a-1c7ae2b47135.png?v=1791625583","url":"https:\/\/clayven.com\/products\/clayven%e2%84%a2-vesper-01-ocular-tabletop-luminary","provider":"Clayven™","version":"1.0","type":"link"}