{"id":87,"date":"2026-06-12T21:26:24","date_gmt":"2026-06-12T21:26:24","guid":{"rendered":"https:\/\/clientworkdesign.com\/mark\/?page_id=87"},"modified":"2026-06-12T21:27:07","modified_gmt":"2026-06-12T21:27:07","slug":"process","status":"publish","type":"page","link":"https:\/\/clientworkdesign.com\/mark\/process\/","title":{"rendered":"Process"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"87\" class=\"elementor elementor-87\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-536d2ed e-con-full e-flex e-con e-parent\" data-id=\"536d2ed\" 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-e73cfc1 elementor-widget elementor-widget-html\" data-id=\"e73cfc1\" 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: 120px 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-process-wrapper-strict {\r\n      width: 100%; max-width: 1140px; padding: 0 20px; display: flex; flex-direction: column; box-sizing: border-box;\r\n    }\r\n    \r\n    \/* TOP ROW: Title Intro Matrix *\/\r\n    .luxury-process-intro-block {\r\n      width: 100%; max-width: 650px; box-sizing: border-box; text-align: left; margin-bottom: 100px;\r\n    }\r\n    .luxury-process-intro-block h2 {\r\n      font-family: 'Cinzel', 'Playfair Display', serif; color: #ffffff; font-size: 46px; font-weight: 400; line-height: 1.25; margin: 0 0 20px 0; letter-spacing: 0.5px;\r\n    }\r\n    .luxury-process-intro-block p {\r\n      font-family: 'Inter', sans-serif; color: #999999; font-size: 14.5px; line-height: 1.7; margin: 0; font-weight: 400; letter-spacing: 0.2px;\r\n    }\r\n\r\n    \/* BOTTOM ROW: Vertical Structural Timeline Matrix Component *\/\r\n    .luxury-process-timeline-spine {\r\n      position: relative; width: 100%; display: flex; flex-direction: column; gap: 120px; box-sizing: border-box;\r\n    }\r\n    \/* Central thin track connector behind elements on desktop *\/\r\n    .luxury-process-timeline-spine::before {\r\n      content: ''; position: absolute; left: 50%; top: 20px; bottom: 20px; width: 1px; background-color: #1a1a1a; z-index: 1; transform: translateX(-50%);\r\n    }\r\n\r\n    .luxury-process-stage-row {\r\n      display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; width: 100%; box-sizing: border-box; gap: 80px;\r\n    }\r\n    .luxury-process-text-node {\r\n      flex: 0 0 460px; max-width: 460px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box;\r\n    }\r\n    .luxury-process-image-node {\r\n      flex: 0 0 460px; max-width: 460px; width: 100%; box-sizing: border-box;\r\n    }\r\n    .luxury-process-image-frame {\r\n      width: 100%; aspect-ratio: 1.15 \/ 1; overflow: hidden; background-color: #111111; border: 1px solid #161616;\r\n    }\r\n    .luxury-process-image-frame img {\r\n      width: 100%; height: 100%; object-fit: cover; display: block;\r\n    }\r\n\r\n    \/* Core Timeline Step Identity Mapping elements *\/\r\n    .luxury-process-step-num {\r\n      font-family: 'Cinzel', 'Playfair Display', serif; color: #c5a880; font-size: 28px; font-weight: 400; line-height: 1; margin: 0 0 15px 0; letter-spacing: 1px;\r\n    }\r\n    .luxury-process-text-node h3 {\r\n      font-family: 'Cinzel', 'Playfair Display', serif; color: #ffffff; font-size: 24px; font-weight: 400; line-height: 1.3; margin: 0 0 20px 0; letter-spacing: 0.5px;\r\n    }\r\n    .luxury-process-text-node p {\r\n      font-family: 'Inter', sans-serif; color: #8c8c8c; font-size: 14px; line-height: 1.65; margin: 0; font-weight: 400; letter-spacing: 0.2px;\r\n    }\r\n\r\n    \/* Central golden pinpoint marker element linking to the background spine *\/\r\n    .luxury-process-spine-dot {\r\n      position: absolute; left: 50%; top: 50%; width: 5px; height: 5px; background-color: #c5a880; border: 4px solid #0b0b0b; border-radius: 50%; z-index: 3; transform: translate(-50%, -50%);\r\n    }\r\n\r\n    \/* Tablet Structural Rescaling Engine *\/\r\n    @media (max-width: 1024px) {\r\n      div[style*=\"padding: 120px 0\"] { padding: 90px 0 !important; }\r\n      .luxury-process-intro-block { margin-bottom: 70px !important; }\r\n      .luxury-process-timeline-spine { gap: 80px !important; }\r\n      .luxury-process-stage-row { gap: 40px !important; }\r\n      .luxury-process-text-node, .luxury-process-image-node { flex: 0 0 440px; max-width: 440px; }\r\n      .luxury-process-intro-block h2 { font-size: 38px !important; }\r\n    }\r\n\r\n    \/* Mobile Screen Logic (100% Non-Breaking Full Stack Workflow Automation) *\/\r\n    @media (max-width: 991px) {\r\n      .luxury-process-timeline-spine::before, .luxury-process-spine-dot { display: none !important; }\r\n      .luxury-process-stage-row { flex-direction: column !important; align-items: center !important; gap: 35px !important; }\r\n      .luxury-process-text-node, .luxury-process-image-node { flex: none !important; max-width: 100% !important; width: 100% !important; }\r\n      .luxury-process-text-node { align-items: center !important; text-align: center !important; }\r\n      .luxury-process-stage-row:nth-child(even) .luxury-process-image-node { order: 2 !important; }\r\n      .luxury-process-stage-row:nth-child(even) .luxury-process-text-node { order: 1 !important; }\r\n      .luxury-process-intro-block { text-align: center !important; margin-bottom: 50px !important; }\r\n      .luxury-process-intro-block h2 { font-size: 28px !important; line-height: 1.3 !important; }\r\n      .luxury-process-intro-block p { font-size: 13.5px !important; padding: 0 10px; }\r\n      .luxury-process-text-node p { font-size: 13.5px !important; max-width: 100% !important; padding: 0 15px; }\r\n      .luxury-process-image-frame { aspect-ratio: 1.2 \/ 1 !important; }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"luxury-process-wrapper-strict\">\r\n    \r\n    <div class=\"luxury-process-intro-block\">\r\n      <div style=\"font-family: 'Inter', sans-serif; color: #c5a880; font-size: 10px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 15px; 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        THE CUSTOM DESIGN PROCESS\r\n      <\/div>\r\n      <h2>Five stages. One<br>singular result.<\/h2>\r\n      <p>A typical commission unfolds over three to nine months. Some take longer. The work is finished when it is finished.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"luxury-process-timeline-spine\">\r\n      \r\n      <div class=\"luxury-process-stage-row\">\r\n        <div class=\"luxury-process-text-node\">\r\n          <div class=\"luxury-process-step-num\">01<\/div>\r\n          <h3>Consultation<\/h3>\r\n          <p>An unhurried conversation in the atelier &mdash; often with tea, often over several hours. We discuss the story, the wearer, and the form the piece may begin to take.<\/p>\r\n        <\/div>\r\n        <div class=\"luxury-process-spine-dot\"><\/div>\r\n        <div class=\"luxury-process-image-node\">\r\n          <div class=\"luxury-process-image-frame\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544816155-12df9643f363?auto=format&fit=crop&w=800&q=80\" alt=\"Bespoke Hand-Drawn Design Sketch Consultation\" \/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-process-stage-row\">\r\n        <div class=\"luxury-process-image-node\">\r\n          <div class=\"luxury-process-image-frame\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1599643478518-a784e5dc4c8f?auto=format&fit=crop&w=800&q=80\" alt=\"Assorted Raw Fine Precious Gemstones Collection\" \/>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"luxury-process-spine-dot\"><\/div>\r\n        <div class=\"luxury-process-text-node\">\r\n          <div class=\"luxury-process-step-num\">02<\/div>\r\n          <h3>Concept Development<\/h3>\r\n          <p>Hand-drawn studies, mood references and stone propositions are prepared for your review. Iteration is encouraged; nothing is rushed.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-process-stage-row\">\r\n        <div class=\"luxury-process-text-node\">\r\n          <div class=\"luxury-process-step-num\">03<\/div>\r\n          <h3>Design Approval<\/h3>\r\n          <p>A final rendering or wax model is presented in person. Only with your full approval does the piece move to the bench.<\/p>\r\n        <\/div>\r\n        <div class=\"luxury-process-spine-dot\"><\/div>\r\n        <div class=\"luxury-process-image-node\">\r\n          <div class=\"luxury-process-image-frame\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513519245088-0e12902e5a38?auto=format&fit=crop&w=800&q=80\" alt=\"Finished Custom Gold Band Placed On Book\" \/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-process-stage-row\">\r\n        <div class=\"luxury-process-image-node\">\r\n          <div class=\"luxury-process-image-frame\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=800&q=80\" alt=\"Atelier Casting Gold Sparks Bench Work\" \/>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"luxury-process-spine-dot\"><\/div>\r\n        <div class=\"luxury-process-text-node\">\r\n          <div class=\"luxury-process-step-num\">04<\/div>\r\n          <h3>Craftsmanship & Creation<\/h3>\r\n          <p>Fabrication begins. Lost wax casting, hand-fabrication, stone setting and finishing &mdash; each performed at the bench by Mark himself.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"luxury-process-stage-row\">\r\n        <div class=\"luxury-process-text-node\">\r\n          <div class=\"luxury-process-step-num\">05<\/div>\r\n          <h3>Final Delivery<\/h3>\r\n          <p>The completed piece is presented in person, in an archival case, with full provenance and care instructions. The commission is yours alone &mdash; and exists in a single example.<\/p>\r\n        <\/div>\r\n        <div class=\"luxury-process-spine-dot\"><\/div>\r\n        <div class=\"luxury-process-image-node\">\r\n          <div class=\"luxury-process-image-frame\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1605100804763-247f67b3557e?auto=format&fit=crop&w=800&q=80\" alt=\"Master Artisan Examining Perfect Piece Under Light\" \/>\r\n          <\/div>\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>THE CUSTOM DESIGN PROCESS Five stages. Onesingular result. A typical commission unfolds over three to nine months. Some take longer. The work is finished when it is finished. 01 Consultation An unhurried conversation in the atelier &mdash; often with tea, often over several hours. We discuss the story, the wearer, and the form the piece [&hellip;]<\/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-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/pages\/87","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=87"}],"version-history":[{"count":4,"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/pages\/87\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/clientworkdesign.com\/mark\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}