{"id":6002,"date":"2026-08-06T23:06:43","date_gmt":"2026-08-06T22:06:43","guid":{"rendered":"https:\/\/www.ocjdesigns.com\/?page_id=6002"},"modified":"2026-08-07T00:34:40","modified_gmt":"2026-08-06T23:34:40","slug":"estates-and-appointments","status":"publish","type":"page","link":"https:\/\/www.ocjdesigns.com\/index.php\/estates-and-appointments\/","title":{"rendered":"Estates and Appointments"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6002\" class=\"elementor elementor-6002\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-c343bd9 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"c343bd9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fb8cfe\" data-id=\"5fb8cfe\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-8e6a623 elementor-widget elementor-widget-html\" data-id=\"8e6a623\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Add this CSS to your stylesheet or inside a <style> tag -->\r\n<style>\r\n    \/* CSS Reset & Base for Component Scope *\/\r\n    .estates-cards-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .estates-cards-scope {\r\n        --bg-color: #0c0c0c;\r\n        --card-bg: #131313;\r\n        --card-border: rgba(197, 160, 89, 0.2);\r\n        --card-border-hover: rgba(197, 160, 89, 0.6);\r\n        --text-main: #b8b8b8;\r\n        --heading-color: #f4f4f4;\r\n        --accent-gold: #c5a059;\r\n        --accent-gold-light: #dfbe7d;\r\n        --font-serif: 'Cormorant Garamond', serif;\r\n        --font-sans: 'Montserrat', sans-serif;\r\n        \r\n        background-color: var(--bg-color);\r\n        font-family: var(--font-sans);\r\n        -webkit-font-smoothing: antialiased;\r\n        width: 100%;\r\n        color: var(--text-main);\r\n    }\r\n\r\n    \/* Section Container *\/\r\n    .estates-cards-scope .estates-section {\r\n        padding: 120px 20px;\r\n        max-width: 1320px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Asymmetric Layout: Left Header\/CTA, Right Cards *\/\r\n    .estates-cards-scope .estates-grid-layout {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.25fr;\r\n        gap: 70px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Left Column: Title & Booking Action *\/\r\n    .estates-cards-scope .estates-left-col {\r\n        position: relative;\r\n    }\r\n\r\n    .estates-cards-scope .estates-subtitle {\r\n        font-family: var(--font-sans);\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.35em;\r\n        color: var(--accent-gold);\r\n        margin-bottom: 20px;\r\n        display: block;\r\n    }\r\n\r\n    .estates-cards-scope .estates-title {\r\n        font-family: var(--font-serif);\r\n        font-size: clamp(2.8rem, 4.2vw, 3.8rem);\r\n        font-weight: 400;\r\n        color: var(--heading-color);\r\n        line-height: 1.15;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .estates-cards-scope .estates-title span {\r\n        font-style: italic;\r\n        color: var(--accent-gold);\r\n    }\r\n\r\n    .estates-cards-scope .estates-action-box {\r\n        margin-top: 30px;\r\n        padding-top: 30px;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n    }\r\n\r\n    .estates-cards-scope .estates-cta-heading {\r\n        font-family: var(--font-serif);\r\n        font-size: 1.5rem;\r\n        color: var(--heading-color);\r\n        margin-bottom: 20px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .estates-cards-scope .estates-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-family: var(--font-sans);\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.25em;\r\n        color: var(--bg-color);\r\n        background-color: var(--accent-gold);\r\n        padding: 16px 36px;\r\n        text-decoration: none;\r\n        border-radius: 2px;\r\n        font-weight: 600;\r\n        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n        box-shadow: 0 10px 25px rgba(197, 160, 89, 0.2);\r\n    }\r\n\r\n    .estates-cards-scope .estates-btn:hover {\r\n        background-color: var(--accent-gold-light);\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 15px 30px rgba(197, 160, 89, 0.3);\r\n    }\r\n\r\n    \/* Right Column: Beautiful Interactive Cards *\/\r\n    .estates-cards-scope .estates-cards-stack {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 24px;\r\n    }\r\n\r\n    .estates-cards-scope .estate-card-item {\r\n        background: linear-gradient(135deg, var(--card-bg), #0f0f0f);\r\n        border: 1px solid var(--card-border);\r\n        border-radius: 4px;\r\n        padding: 35px 30px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    \/* Subtle corner gold accent on card hover *\/\r\n    .estates-cards-scope .estate-card-item::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 3px;\r\n        height: 0;\r\n        background-color: var(--accent-gold);\r\n        transition: height 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .estates-cards-scope .estate-card-item:hover {\r\n        border-color: var(--card-border-hover);\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 20px 45px rgba(0,0,0,0.6);\r\n    }\r\n\r\n    .estates-cards-scope .estate-card-item:hover::before {\r\n        height: 100%;\r\n    }\r\n\r\n    .estates-cards-scope .estate-card-text {\r\n        font-size: 0.98rem;\r\n        color: var(--text-main);\r\n        line-height: 1.85;\r\n        font-weight: 300;\r\n    }\r\n\r\n    .estates-cards-scope .estate-card-text strong {\r\n        color: var(--heading-color);\r\n        font-weight: 500;\r\n    }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1024px) {\r\n        .estates-cards-scope .estates-grid-layout {\r\n            grid-template-columns: 1fr;\r\n            gap: 50px;\r\n        }\r\n\r\n        .estates-cards-scope .estates-section {\r\n            padding: 80px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- Encapsulated HTML Section -->\r\n<div class=\"estates-cards-scope\">\r\n    <section class=\"estates-section\">\r\n        <div class=\"estates-grid-layout\">\r\n            \r\n            <!-- Left Column: Title & CTA -->\r\n            <div class=\"estates-left-col\">\r\n                <span class=\"estates-subtitle\">Estates and Appointments<\/span>\r\n                <h2 class=\"estates-title\">Experience You Can <span>Trust<\/span><\/h2>\r\n                \r\n                <div class=\"estates-action-box\">\r\n                    <h3 class=\"estates-cta-heading\">Ready to meet with us?<\/h3>\r\n                    <a href=\"https:\/\/www.ocjdesigns.com\/index.php\/contact-v-4\/\" class=\"estates-btn\"> <strong>BOOK NOW<\/strong><\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Column: Sophisticated Cards Stack -->\r\n            <div class=\"estates-cards-stack\">\r\n                <div class=\"estate-card-item\">\r\n                    <p class=\"estate-card-text\">\r\n                        With <strong>over 40 years of experience<\/strong>, we specialize in the <strong>design, restoration, and repair of all types of jewelry<\/strong>, from everyday pieces to fine and one-of-a-kind jewelry.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"estate-card-item\">\r\n                    <p class=\"estate-card-text\">\r\n                        We also have extensive experience in <strong>estate jewelry evaluation and appraisal<\/strong>. For more than <strong>20 years, we have worked with multiple jurisdictions throughout the State of Michigan<\/strong>, providing professional knowledge and experience in the evaluation of jewelry, gemstones, and precious metals.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"estate-card-item\">\r\n                    <p class=\"estate-card-text\">\r\n                        Whether you need a jewelry repair, custom design, restoration, or estate jewelry appraisal, your jewelry is handled with the <strong>knowledge, craftsmanship, and attention to detail that only decades of experience can provide.<\/strong>\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Estates and Appointments Experience You Can Trust Ready to meet with us? BOOK NOW With over 40 years of experience, we specialize in the design, restoration, and repair of all types of jewelry, from everyday pieces to fine and one-of-a-kind jewelry. We also have extensive experience in estate jewelry evaluation and appraisal. For more than [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6002","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/6002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/comments?post=6002"}],"version-history":[{"count":10,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/6002\/revisions"}],"predecessor-version":[{"id":6157,"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/pages\/6002\/revisions\/6157"}],"wp:attachment":[{"href":"https:\/\/www.ocjdesigns.com\/index.php\/wp-json\/wp\/v2\/media?parent=6002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}