{"id":58,"date":"2026-06-12T20:46:45","date_gmt":"2026-06-12T20:46:45","guid":{"rendered":"https:\/\/clientworkdesign.com\/mark\/?page_id=58"},"modified":"2026-06-12T20:50:54","modified_gmt":"2026-06-12T20:50:54","slug":"jewelry","status":"publish","type":"page","link":"https:\/\/clientworkdesign.com\/mark\/jewelry\/","title":{"rendered":"jewelry"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"58\" class=\"elementor elementor-58\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca4ee98 e-con-full e-flex e-con e-parent\" data-id=\"ca4ee98\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83be633 elementor-widget elementor-widget-html\" data-id=\"83be633\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"background-image: linear-gradient(to right, rgba(11, 11, 11, 0.98) 40%, rgba(11, 11, 11, 0.85) 100%), url('https:\/\/images.unsplash.com\/photo-1599643478518-a784e5dc4c8f?auto=format&fit=crop&w=1920&q=80'); background-size: cover; background-position: right center; background-repeat: no-repeat; padding: 140px 0; width: 100%; min-height: 65vh; clear: both; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; box-sizing: border-box; position: relative; z-index: 5;\">\r\n\r\n  <style>\r\n    .luxury-gallery-header-container {\r\n      width: 100%; max-width: 1140px; padding: 0 20px; display: flex; flex-direction: column; align-items: flex-start; text-align: left; box-sizing: border-box;\r\n    }\r\n    .luxury-gallery-title-box {\r\n      margin: 15px 0 25px 0; box-sizing: border-box; width: 100%; max-width: 750px;\r\n    }\r\n    .luxury-gallery-title-box h1 {\r\n      font-family: 'Cinzel', 'Playfair Display', serif; color: #ffffff; font-size: 54px; font-weight: 400; line-height: 1.2; margin: 0; letter-spacing: 0.5px;\r\n    }\r\n    .luxury-gallery-header-container p {\r\n      font-family: 'Inter', sans-serif; color: #cccccc; font-size: 15px; line-height: 1.7; margin: 0; max-width: 480px; font-weight: 400; letter-spacing: 0.2px;\r\n    }\r\n\r\n    \/* Tablet Screen Logic Adjustments *\/\r\n    @media (max-width: 991px) {\r\n      div[style*=\"padding: 140px 0\"] {\r\n        padding: 100px 0 !important;\r\n      }\r\n      .luxury-gallery-title-box h1 {\r\n        font-size: 42px !important;\r\n      }\r\n    }\r\n\r\n    \/* Mobile Screen Logic (100% Non-Breaking Responsive Flow Collapse) *\/\r\n    @media (max-width: 767px) {\r\n      div[style*=\"padding: 140px 0\"] {\r\n        padding: 90px 0 !important;\r\n        background-image: linear-gradient(rgba(11, 11, 11, 0.92), rgba(11, 11, 11, 0.96)) !important; \/* Full dark backdrop balance on compact devices *\/\r\n      }\r\n      .luxury-gallery-header-container {\r\n        align-items: center !important;\r\n        text-align: center !important;\r\n      }\r\n      .luxury-gallery-title-box {\r\n        margin: 20px 0 !important;\r\n      }\r\n      .luxury-gallery-title-box h1 {\r\n        font-size: 32px !important;\r\n        line-height: 1.3 !important;\r\n      }\r\n      .luxury-gallery-header-container p {\r\n        font-size: 13.5px !important;\r\n        max-width: 100% !important;\r\n        padding: 0 10px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"luxury-gallery-header-container\">\r\n    \r\n    <div style=\"font-family: 'Inter', sans-serif; color: #c5a880; font-size: 10px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; display: flex; align-items: center; gap: 8px; line-height: 1; justify-content: inherit;\">\r\n      <span style=\"width: 15px; height: 1px; background-color: #c5a880; display: inline-block;\"><\/span>\r\n      FINE JEWELRY GALLERY\r\n    <\/div>\r\n\r\n    <div class=\"luxury-gallery-title-box\">\r\n      <h1>A collection in<br>confidence.<\/h1>\r\n    <\/div>\r\n\r\n    <p>Selected commissions, drawn from three decades of private work.<br>Each piece exists in a single example.<\/p>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b1736d2 e-con-full e-flex e-con e-parent\" data-id=\"b1736d2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9299b3 elementor-widget elementor-widget-html\" data-id=\"a9299b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"background-color: #0b0b0b; padding: 100px 0; font-family: 'Inter', sans-serif; width: 100%; clear: both; overflow: hidden; display: flex; flex-direction: column; align-items: center; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; box-sizing: border-box; position: relative; z-index: 5;\">\r\n\r\n  <style>\r\n    .luxury-gallery-wrapper-fixed {\r\n      width: 100%; max-width: 1140px; padding: 0 20px; display: flex; flex-direction: column; gap: 50px; box-sizing: border-box; align-items: center;\r\n    }\r\n\r\n    \/* TOP PIECE: Luxury Filter Navigation Bar Matrix *\/\r\n    .luxury-gallery-filter-nav {\r\n      display: flex; gap: 15px; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 10px; width: 100%; box-sizing: border-box;\r\n    }\r\n    .luxury-filter-btn {\r\n      background: transparent; color: #999999; border: 1px solid #222222; font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 2px; padding: 10px 22px; cursor: pointer; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); line-height: 1; border-radius: 2px;\r\n    }\r\n    .luxury-filter-btn.active, .luxury-filter-btn:hover {\r\n      border-color: #c5a880; color: #c5a880; background-color: rgba(197, 168, 128, 0.03);\r\n    }\r\n\r\n    \/* BOTTOM PIECE: Strict 4-Column Balanced Grid Matrix Layout *\/\r\n    .luxury-gallery-grid-fixed {\r\n      display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; width: 100%; box-sizing: border-box;\r\n    }\r\n    .luxury-gallery-item-card {\r\n      width: 100%; position: relative; overflow: hidden; background-color: #111111; box-sizing: border-box; cursor: pointer; display: block;\r\n    }\r\n    .luxury-gallery-item-image {\r\n      width: 100%; aspect-ratio: 1 \/ 1; overflow: hidden; position: relative;\r\n    }\r\n    .luxury-gallery-item-image img {\r\n      width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n    }\r\n    .luxury-gallery-item-card:hover .luxury-gallery-item-image img {\r\n      transform: scale(1.04);\r\n    }\r\n\r\n    \/* Custom Double Span Matrix to precisely reflect asymmetric heights in your PSD *\/\r\n    .luxury-span-vertical-2 {\r\n      grid-row: span 2;\r\n    }\r\n    .luxury-span-vertical-2 .luxury-gallery-item-image {\r\n      aspect-ratio: 1 \/ 2.06 !important;\r\n    }\r\n\r\n    \/* Tablet Structural Rescaling Matrix (Transforms layout gracefully into 2 columns) *\/\r\n    @media (max-width: 991px) {\r\n      div[style*=\"padding: 100px 0\"] { padding: 70px 0 !important; }\r\n      .luxury-gallery-grid-fixed { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }\r\n      .luxury-span-vertical-2 { grid-row: span 1 !important; }\r\n      .luxury-span-vertical-2 .luxury-gallery-item-image { aspect-ratio: 1 \/ 1 !important; }\r\n    }\r\n\r\n    \/* Mobile Structural Rescaling Matrix (Forces clean stacked alignment) *\/\r\n    @media (max-width: 767px) {\r\n      div[style*=\"padding: 100px 0\"] { padding: 60px 0 !important; }\r\n      .luxury-gallery-wrapper-fixed { gap: 35px !important; }\r\n      .luxury-gallery-filter-nav { gap: 10px !important; }\r\n      .luxury-filter-btn { padding: 8px 16px !important; font-size: 9px !important; }\r\n      .luxury-gallery-grid-fixed { grid-template-columns: 1fr !important; gap: 20px !important; }\r\n      .luxury-span-vertical-2 .luxury-gallery-item-image { aspect-ratio: 1 \/ 1 !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"luxury-gallery-wrapper-fixed\">\r\n    \r\n    <div class=\"luxury-gallery-filter-nav\">\r\n      <button class=\"luxury-filter-btn active\">All<\/button>\r\n      <button class=\"luxury-filter-btn\">Rings<\/button>\r\n      <button class=\"luxury-filter-btn\">Necklaces<\/button>\r\n      <button class=\"luxury-filter-btn\">Earrings<\/button>\r\n      <button class=\"luxury-filter-btn\">Bracelets<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"luxury-gallery-grid-fixed\">\r\n      \r\n      <div class=\"luxury-gallery-item-card\">\r\n        <div class=\"luxury-gallery-item-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1605100804763-247f67b3557e?auto=format&fit=crop&w=600&q=80\" alt=\"Gold Engraved Signet Ring\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-gallery-item-card luxury-span-vertical-2\">\r\n        <div class=\"luxury-gallery-item-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1599643478518-a784e5dc4c8f?auto=format&fit=crop&w=600&q=80\" alt=\"Diamond Vespera Pendant\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-gallery-item-card\">\r\n        <div class=\"luxury-gallery-item-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1630019852942-f89202989a59?auto=format&fit=crop&w=600&q=80\" alt=\"Cyan Tanzanite Drop Earrings\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-gallery-item-card\">\r\n        <div class=\"luxury-gallery-item-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611591437281-460bfbe1220a?auto=format&fit=crop&w=600&q=80\" alt=\"Hammered Gold Ring Cuff\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-gallery-item-card luxury-span-vertical-2\">\r\n        <div class=\"luxury-gallery-item-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1605100804763-247f67b3557e?auto=format&fit=crop&w=600&q=80\" alt=\"Ornate Emerald Ring Layout\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-gallery-item-card\">\r\n        <div class=\"luxury-gallery-item-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1605721911519-3dfeb3be25e7?auto=format&fit=crop&w=600&q=80\" alt=\"Bespoke Intricate Diamond Ring\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-gallery-item-card\">\r\n        <div class=\"luxury-gallery-item-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1535632066927-ab7c9ab60908?auto=format&fit=crop&w=600&q=80\" alt=\"Ruby Single Gold Band Accent\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-gallery-item-card\">\r\n        <div class=\"luxury-gallery-item-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1599643478518-a784e5dc4c8f?auto=format&fit=crop&w=600&q=80\" alt=\"Premium Pearl Strand Arrangement\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-gallery-item-card\">\r\n        <div class=\"luxury-gallery-item-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611591437281-460bfbe1220a?auto=format&fit=crop&w=600&q=80\" alt=\"Sapphire Open Link Luxury Bracelet\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-gallery-item-card\">\r\n        <div class=\"luxury-gallery-item-image\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513519245088-0e12902e5a38?auto=format&fit=crop&w=600&q=80\" alt=\"Twin Minimalist Gold Bands Book Placement\" \/>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FINE JEWELRY GALLERY A collection inconfidence. Selected commissions, drawn from three decades of private work.Each piece exists in a single example. All Rings Necklaces Earrings Bracelets<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-58","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/pages\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":7,"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/pages\/58\/revisions"}],"predecessor-version":[{"id":65,"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/pages\/58\/revisions\/65"}],"wp:attachment":[{"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/media?parent=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}