{"id":12,"date":"2026-03-10T18:39:52","date_gmt":"2026-03-10T18:39:52","guid":{"rendered":"https:\/\/www.themodernvow.com\/?page_id=12"},"modified":"2026-03-25T17:32:07","modified_gmt":"2026-03-25T17:32:07","slug":"home","status":"publish","type":"page","link":"https:\/\/www.themodernvow.com\/","title":{"rendered":"The Modern Vow"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-166e8ec e-flex e-con-boxed e-con e-parent\" data-id=\"166e8ec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c7e6dd elementor-widget elementor-widget-html\" data-id=\"1c7e6dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Playfair+Display:ital,wght@1,400;1,700&family=Poppins:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n  *, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ============================================\n     NAVIGATION\n  ============================================ *\/\n  .tmv-nav {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 100;\n    padding: 0 48px;\n    height: 72px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: #5C4033;\n    box-shadow: 0 2px 20px rgba(0,0,0,0.25);\n  }\n\n  .tmv-nav-logo {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 18px;\n    letter-spacing: 0.08em;\n    color: #F5F5F0;\n    text-decoration: none;\n    text-transform: uppercase;\n    line-height: 1;\n  }\n\n  .tmv-nav-logo span {\n    display: block;\n    font-weight: 400;\n    font-size: 9px;\n    letter-spacing: 0.2em;\n    color: #D8C3A5;\n    margin-top: 3px;\n  }\n\n  .tmv-nav-links {\n    display: flex;\n    align-items: center;\n    gap: 36px;\n    list-style: none;\n  }\n\n  .tmv-nav-links a {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 11px;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: rgba(245,245,240,0.85);\n    text-decoration: none;\n    transition: color 0.2s;\n  }\n\n  .tmv-nav-links a:hover {\n    color: #C97C5D;\n  }\n\n  .tmv-nav-cta {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 11px;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #F5F5F0 !important;\n    background: #C97C5D;\n    padding: 10px 24px;\n    border-radius: 2px;\n    text-decoration: none;\n    transition: background 0.2s, transform 0.2s;\n  }\n\n  .tmv-nav-cta:hover {\n    background: #b56a4d !important;\n    color: #F5F5F0 !important;\n    transform: translateY(-1px);\n  }\n\n  \/* Mobile hamburger *\/\n  .tmv-nav-hamburger {\n    display: none;\n    flex-direction: column;\n    gap: 5px;\n    cursor: pointer;\n    padding: 4px;\n    background: none;\n    border: none;\n  }\n\n  .tmv-nav-hamburger span {\n    display: block;\n    width: 24px;\n    height: 2px;\n    background: #F5F5F0;\n    transition: all 0.3s ease;\n  }\n\n  \/* Mobile menu *\/\n  .tmv-mobile-menu {\n    display: none;\n    position: fixed;\n    top: 60px;\n    left: 0;\n    width: 100%;\n    background: #5C4033;\n    z-index: 99;\n    padding: 24px 20px;\n    flex-direction: column;\n    gap: 0;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.3);\n    transform: translateY(-10px);\n    opacity: 0;\n    transition: opacity 0.25s ease, transform 0.25s ease;\n  }\n\n  .tmv-mobile-menu.open {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .tmv-mobile-menu a {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 12px;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: rgba(245,245,240,0.85);\n    text-decoration: none;\n    padding: 14px 0;\n    border-bottom: 1px solid rgba(245,245,240,0.1);\n    transition: color 0.2s;\n  }\n\n  .tmv-mobile-menu a:last-child {\n    border-bottom: none;\n    margin-top: 12px;\n    color: #F5F5F0;\n    background: #C97C5D;\n    text-align: center;\n    padding: 14px 24px;\n    border-radius: 2px;\n  }\n\n  .tmv-mobile-menu a:hover {\n    color: #C97C5D;\n  }\n\n  .tmv-mobile-menu a:last-child:hover {\n    background: #b56a4d;\n    color: #F5F5F0;\n  }\n\n  \/* ============================================\n     HERO SECTION\n  ============================================ *\/\n  .tmv-hero {\n    position: relative;\n    width: 100%;\n    height: 100vh;\n    min-height: 680px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .tmv-hero-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/www.themodernvow.com\/wp-content\/uploads\/2026\/03\/photo-1519741497674-611481863552.jpg');\n    background-size: cover;\n    background-position: center 30%;\n    transform: scale(1.04);\n    animation: heroZoom 12s ease-out forwards;\n  }\n\n  @keyframes heroZoom {\n    from { transform: scale(1.04); }\n    to   { transform: scale(1.0); }\n  }\n\n  .tmv-hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      160deg,\n      rgba(92, 64, 51, 0.72) 0%,\n      rgba(92, 64, 51, 0.55) 45%,\n      rgba(125, 139, 104, 0.38) 100%\n    );\n  }\n\n  .tmv-hero-fade {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 160px;\n    background: linear-gradient(to bottom, transparent, #F5F5F0);\n  }\n\n  .tmv-hero-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    padding: 0 24px;\n    max-width: 860px;\n    animation: heroFadeUp 1.1s ease-out 0.3s both;\n  }\n\n  @keyframes heroFadeUp {\n    from { opacity: 0; transform: translateY(28px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .tmv-hero-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: #D8C3A5;\n    margin-bottom: 22px;\n    display: block;\n  }\n\n  .tmv-hero-headline {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(42px, 7vw, 80px);\n    line-height: 1.05;\n    letter-spacing: -0.01em;\n    color: #F5F5F0;\n    text-transform: uppercase;\n    margin-bottom: 12px;\n  }\n\n  .tmv-hero-headline em {\n    font-style: normal;\n    color: #C97C5D;\n  }\n\n  .tmv-hero-tagline {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(20px, 2.8vw, 28px);\n    color: #D8C3A5;\n    margin-bottom: 36px;\n    line-height: 1.4;\n  }\n\n  .tmv-hero-sub {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: clamp(14px, 1.6vw, 17px);\n    color: rgba(245,245,240,0.80);\n    max-width: 560px;\n    margin: 0 auto 64px;\n    line-height: 1.75;\n    letter-spacing: 0.01em;\n  }\n\n  .tmv-hero-actions {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 18px;\n    flex-wrap: wrap;\n  }\n\n  .tmv-btn-primary {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #F5F5F0 !important;\n    background: #C97C5D;\n    padding: 16px 38px;\n    border-radius: 2px;\n    text-decoration: none;\n    transition: background 0.25s, transform 0.2s, box-shadow 0.2s;\n    box-shadow: 0 4px 20px rgba(201,124,93,0.35);\n  }\n\n  .tmv-btn-primary:hover {\n    background: #b56a4d;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 28px rgba(201,124,93,0.45);\n  }\n\n  .tmv-btn-secondary {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 12px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #F5F5F0;\n    background: transparent;\n    padding: 15px 38px;\n    border-radius: 2px;\n    border: 1.5px solid rgba(245,245,240,0.45);\n    text-decoration: none;\n    transition: border-color 0.25s, background 0.25s, transform 0.2s;\n  }\n\n  .tmv-btn-secondary:hover {\n    border-color: #F5F5F0;\n    background: rgba(245,245,240,0.08);\n    transform: translateY(-2px);\n  }\n\n  .tmv-hero-location {\n    position: absolute;\n    bottom: 155px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 2;\n    font-family: 'Poppins', sans-serif;\n    font-size: 11px;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    text-transform: uppercase;\n    color: rgba(245,245,240,0.55);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    white-space: nowrap;\n  }\n\n  .tmv-hero-location::before,\n  .tmv-hero-location::after {\n    content: '';\n    display: inline-block;\n    width: 32px;\n    height: 1px;\n    background: rgba(245,245,240,0.35);\n  }\n\n  .tmv-scroll-hint {\n    position: absolute;\n    bottom: 32px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    opacity: 0;\n    animation: fadeIn 1s ease 1.8s forwards;\n  }\n\n  @keyframes fadeIn {\n    to { opacity: 1; }\n  }\n\n  .tmv-scroll-hint span {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 9px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: rgba(245,245,240,0.45);\n  }\n\n  .tmv-scroll-line {\n    width: 1px;\n    height: 40px;\n    background: linear-gradient(to bottom, rgba(245,245,240,0.5), transparent);\n    animation: scrollPulse 2s ease-in-out 2s infinite;\n  }\n\n  @keyframes scrollPulse {\n    0%, 100% { transform: scaleY(1); opacity: 0.5; }\n    50%       { transform: scaleY(0.6); opacity: 1; }\n  }\n\n  \/* ============================================\n     RESPONSIVE \u2014 TABLET\n  ============================================ *\/\n  @media (max-width: 768px) {\n    .tmv-nav {\n      padding: 0 20px;\n      height: 60px;\n    }\n\n    .tmv-nav-links {\n      display: none;\n    }\n\n    .tmv-nav-hamburger {\n      display: flex;\n    }\n\n    .tmv-mobile-menu {\n      display: flex;\n      top: 60px;\n    }\n\n    .tmv-nav-logo {\n      font-size: 15px;\n    }\n\n    .tmv-hero {\n      min-height: 100svh;\n    }\n\n    .tmv-hero-content {\n      padding: 80px 24px 160px;\n      max-width: 100%;\n    }\n\n    .tmv-hero-eyebrow {\n      font-size: 10px;\n      letter-spacing: 0.18em;\n      margin-bottom: 16px;\n    }\n\n    .tmv-hero-headline {\n      font-size: clamp(36px, 11vw, 52px);\n      line-height: 1.08;\n      margin-bottom: 14px;\n    }\n\n    .tmv-hero-tagline {\n      font-size: clamp(18px, 5vw, 22px);\n      margin-bottom: 20px;\n    }\n\n    .tmv-hero-sub {\n      font-size: 14px;\n      margin-bottom: 32px;\n      max-width: 100%;\n    }\n\n    .tmv-hero-actions {\n      flex-direction: column;\n      align-items: stretch;\n      gap: 12px;\n      max-width: 300px;\n      margin: 0 auto;\n    }\n\n    .tmv-btn-primary,\n    .tmv-btn-secondary {\n      text-align: center;\n      padding: 16px 24px;\n      font-size: 11px;\n    }\n\n    .tmv-hero-location {\n      bottom: 120px;\n      font-size: 9px;\n      letter-spacing: 0.14em;\n      white-space: normal;\n      text-align: center;\n      width: 90%;\n    }\n\n    .tmv-hero-fade {\n      height: 100px;\n    }\n\n    .tmv-scroll-hint {\n      display: none;\n    }\n  }\n\n  \/* ============================================\n     RESPONSIVE \u2014 SMALL PHONE\n  ============================================ *\/\n  @media (max-width: 390px) {\n    .tmv-nav {\n      padding: 0 16px;\n      height: 56px;\n    }\n\n    .tmv-nav-logo {\n      font-size: 13px;\n    }\n\n    .tmv-mobile-menu {\n      top: 56px;\n    }\n\n    .tmv-hero-content {\n      padding: 72px 20px 140px;\n    }\n\n    .tmv-hero-eyebrow {\n      font-size: 9px;\n      margin-bottom: 12px;\n    }\n\n    .tmv-hero-headline {\n      font-size: clamp(32px, 10vw, 42px);\n      line-height: 1.1;\n    }\n\n    .tmv-hero-tagline {\n      font-size: 17px;\n      margin-bottom: 16px;\n    }\n\n    .tmv-hero-sub {\n      font-size: 13px;\n      line-height: 1.65;\n      margin-bottom: 28px;\n    }\n\n    .tmv-hero-actions {\n      max-width: 260px;\n    }\n\n    .tmv-hero-location {\n      bottom: 100px;\n      font-size: 8px;\n    }\n\n    .tmv-hero-fade {\n      height: 80px;\n    }\n  }\n<\/style>\n\n<!-- NAVIGATION -->\n<nav class=\"tmv-nav\">\n  <a href=\"#\" class=\"tmv-nav-logo\">\n    The Modern Vow\n    <span>Wedding Officiant &mdash; Madison, WI<\/span>\n  <\/a>\n\n  <ul class=\"tmv-nav-links\">\n    <li><a href=\"#promise\">About<\/a><\/li>\n    <li><a href=\"#services\">Services<\/a><\/li>\n    <li><a href=\"#process\">Process<\/a><\/li>\n    <li><a href=\"#testimonials\">Reviews<\/a><\/li>\n    <li><a href=\"#contact\" class=\"tmv-nav-cta\">Book Joe<\/a><\/li>\n  <\/ul>\n\n  <button class=\"tmv-nav-hamburger\" id=\"tmv-hamburger\" aria-label=\"Open menu\">\n    <span><\/span>\n    <span><\/span>\n    <span><\/span>\n  <\/button>\n<\/nav>\n\n<!-- MOBILE MENU -->\n<div class=\"tmv-mobile-menu\" id=\"tmv-mobile-menu\">\n  <a href=\"#promise\">About<\/a>\n  <a href=\"#services\">Services<\/a>\n  <a href=\"#process\">Process<\/a>\n  <a href=\"#testimonials\">Reviews<\/a>\n  <a href=\"#contact\">Book Joe<\/a>\n<\/div>\n\n<!-- HERO -->\n<section class=\"tmv-hero\">\n  <div class=\"tmv-hero-bg\"><\/div>\n  <div class=\"tmv-hero-overlay\"><\/div>\n  <div class=\"tmv-hero-fade\"><\/div>\n\n  <div class=\"tmv-hero-content\">\n    <span class=\"tmv-hero-eyebrow\">Madison, Wisconsin Wedding Officiant<\/span>\n    <h1 class=\"tmv-hero-headline\">\n      Your Ceremony.<br>\n      Your Story.<br>\n      <em>Your Moment.<\/em>\n    <\/h1>\n    <p class=\"tmv-hero-tagline\">\n      Fully custom ceremonies for couples who want something real.\n    <\/p>\n    <p class=\"tmv-hero-sub\">\n      Joe Price brings two decades of presence, preparation, and genuine care\n      to the most important moment of your lives. Nothing off the shelf.\n      Nothing forgettable.\n    <\/p>\n    <div class=\"tmv-hero-actions\">\n      <a href=\"mailto:jpjoeprice@gmail.com\" class=\"tmv-btn-primary\">Book Your Ceremony<\/a>\n      <a href=\"#contact\" class=\"tmv-btn-secondary\">See What's Included<\/a>\n    <\/div>\n  \n\n  <div class=\"tmv-scroll-hint\">\n    <span>Scroll<\/span>\n    <div class=\"tmv-scroll-line\"><\/div>\n  <\/div>\n<\/section>\n\n<script>\n  const hamburger = document.getElementById('tmv-hamburger');\n  const mobileMenu = document.getElementById('tmv-mobile-menu');\n\n  hamburger.addEventListener('click', () => {\n    const isOpen = mobileMenu.classList.toggle('open');\n    hamburger.setAttribute('aria-expanded', isOpen);\n  });\n\n  \/\/ Close menu when a link is clicked\n  mobileMenu.querySelectorAll('a').forEach(link => {\n    link.addEventListener('click', () => {\n      mobileMenu.classList.remove('open');\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71beb4d elementor-widget elementor-widget-html\" data-id=\"71beb4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  *, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ============================================\n     SECTION 2 - BRAND PROMISE STRIP\n  ============================================ *\/\n  .tmv-promise {\n    background: #C97C5D;\n    padding: 72px 48px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .tmv-promise-inner {\n    position: relative;\n    max-width: 1100px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    align-items: center;\n    gap: 48px;\n  }\n\n  .tmv-promise-rule {\n    height: 1px;\n    background: rgba(245,245,240,0.30);\n  }\n\n  .tmv-promise-content {\n    text-align: center;\n  }\n\n  .tmv-promise-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 10px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: rgba(245,245,240,0.65);\n    display: block;\n    margin-bottom: 18px;\n  }\n\n  .tmv-promise-statement {\n    font-family: 'Cormorant Garamond', serif;\n    font-weight: 600;\n    font-size: clamp(28px, 4.2vw, 52px);\n    line-height: 1.35;\n    color: #F5F5F0;\n    letter-spacing: 0.01em;\n  }\n\n  .tmv-promise-statement em {\n    font-style: italic;\n    font-weight: 400;\n    color: rgba(245,245,240,0.85);\n  }\n\n  .tmv-promise-sub {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 15px;\n    letter-spacing: 0.08em;\n    color: rgba(245,245,240,0.65);\n    margin-top: 20px;\n    text-transform: uppercase;\n  }\n\n  \/* Stats row *\/\n  .tmv-promise-stats {\n    display: flex;\n    justify-content: center;\n    gap: 0;\n    margin-top: 40px;\n    border-top: 1px solid rgba(245,245,240,0.18);\n    padding-top: 36px;\n    max-width: 1100px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .tmv-stat {\n    flex: 1;\n    text-align: center;\n    padding: 0 32px;\n    position: relative;\n  }\n\n  .tmv-stat + .tmv-stat::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 40px;\n    width: 1px;\n    background: rgba(245,245,240,0.22);\n  }\n\n  .tmv-stat-number {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(32px, 4vw, 48px);\n    color: #F5F5F0;\n    line-height: 1;\n    letter-spacing: -0.02em;\n    display: block;\n  }\n\n  .tmv-stat-label {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 400;\n    font-size: 13px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: rgba(245,245,240,0.60);\n    margin-top: 8px;\n    display: block;\n  }\n\n  .tmv-stat-desc {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 13px;\n    line-height: 1.65;\n    color: rgba(245,245,240,0.55);\n    margin-top: 12px;\n    display: block;\n    max-width: 220px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  \/* Scroll-triggered fade-up *\/\n  .tmv-promise-inner,\n  .tmv-promise-stats {\n    opacity: 0;\n    transform: translateY(20px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n\n  .tmv-promise-inner.visible,\n  .tmv-promise-stats.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .tmv-promise-stats {\n    transition-delay: 0.2s;\n  }\n\n  \/* ============================================\n     RESPONSIVE \u2014 TABLET\n  ============================================ *\/\n  @media (max-width: 768px) {\n    .tmv-promise {\n      padding: 56px 24px;\n    }\n\n    .tmv-promise-inner {\n      grid-template-columns: 1fr;\n      gap: 0;\n    }\n\n    .tmv-promise-rule {\n      display: none;\n    }\n\n    .tmv-promise-statement {\n      font-size: clamp(26px, 7vw, 38px);\n    }\n\n    .tmv-promise-sub {\n      font-size: 12px;\n      letter-spacing: 0.05em;\n    }\n\n    .tmv-promise-stats {\n      flex-direction: column;\n      gap: 28px;\n      padding-top: 28px;\n      margin-top: 28px;\n    }\n\n    .tmv-stat + .tmv-stat::before {\n      display: none;\n    }\n\n    .tmv-stat {\n      padding: 0 16px;\n    }\n  }\n\n  \/* ============================================\n     RESPONSIVE \u2014 SMALL PHONE\n  ============================================ *\/\n  @media (max-width: 390px) {\n    .tmv-promise {\n      padding: 48px 20px;\n    }\n\n    .tmv-promise-statement {\n      font-size: clamp(24px, 8vw, 32px);\n    }\n\n    .tmv-stat-number {\n      font-size: clamp(28px, 9vw, 40px);\n    }\n\n    .tmv-stat-desc {\n      font-size: 12px;\n    }\n  }\n<\/style>\n\n<section class=\"tmv-promise\" id=\"promise\">\n\n  <div class=\"tmv-promise-inner\" id=\"promise-inner\">\n    <div class=\"tmv-promise-rule\"><\/div>\n\n    <div class=\"tmv-promise-content\">\n      <span class=\"tmv-promise-eyebrow\">The Modern Vow Promise<\/span>\n      <p class=\"tmv-promise-statement\">\n        Two decades of guiding couples through<br>\n        <em>the most important moment of their lives.<\/em>\n      <\/p>\n      <p class=\"tmv-promise-sub\">Fully customized &nbsp;&bull;&nbsp; Inclusive of all couples &nbsp;&bull;&nbsp; Madison, Wisconsin<\/p>\n    <\/div>\n\n    <div class=\"tmv-promise-rule\"><\/div>\n  <\/div>\n\n  <div class=\"tmv-promise-stats\" id=\"promise-stats\">\n    <div class=\"tmv-stat\">\n      <span class=\"tmv-stat-number\">100%<\/span>\n      <span class=\"tmv-stat-label\">Custom Ceremonies<\/span>\n      <span class=\"tmv-stat-desc\">Every ceremony is built around your unique story. Nothing off the shelf. Nothing generic.<\/span>\n    <\/div>\n    <div class=\"tmv-stat\">\n      <span class=\"tmv-stat-number\">All<\/span>\n      <span class=\"tmv-stat-label\">Couples Welcome<\/span>\n      <span class=\"tmv-stat-desc\">Every background, every tradition, every love story. The Modern Vow celebrates all of them.<\/span>\n    <\/div>\n    <div class=\"tmv-stat\">\n      <span class=\"tmv-stat-number\">One<\/span>\n      <span class=\"tmv-stat-label\">Chance to Get It Right<\/span>\n      <span class=\"tmv-stat-desc\">Your ceremony happens once. I bring the presence, preparation, and care that moment deserves.<\/span>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n  const promiseObserver = new IntersectionObserver((entries) => {\n    entries.forEach(e => {\n      if (e.isIntersecting) {\n        e.target.classList.add('visible');\n      }\n    });\n  }, { threshold: 0.2 });\n\n  document.querySelectorAll('#promise-inner, #promise-stats').forEach(el => promiseObserver.observe(el));\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a49a02a e-flex e-con-boxed e-con e-parent\" data-id=\"a49a02a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2266c4c elementor-widget elementor-widget-html\" data-id=\"2266c4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  *, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ============================================\n     SECTION 3 - ABOUT JOE\n  ============================================ *\/\n  .about-section {\n    background: #F5F5F0;\n    position: relative;\n    padding: 96px 60px;\n    min-height: 620px;\n    overflow: hidden;\n    opacity: 0;\n    transform: translateY(32px);\n    transition: opacity 0.9s ease, transform 0.9s ease;\n  }\n\n  .about-section.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* Full bleed image \u2014 right half *\/\n  .about-image {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 48%;\n    height: 100%;\n    background-image: url('https:\/\/www.themodernvow.com\/wp-content\/uploads\/2026\/03\/photo-1511285560929-80b456fea0bc.jpg');\n    background-size: cover;\n    background-position: center top;\n  }\n\n  \/* Fade image into background on left edge *\/\n  .about-image::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to right, #F5F5F0 0%, transparent 40%);\n    z-index: 1;\n  }\n\n  \/* Terracotta accent bar *\/\n  .about-image::after {\n    content: '';\n    position: absolute;\n    top: 60px;\n    right: 0;\n    width: 5px;\n    height: 80px;\n    background: #C97C5D;\n    z-index: 2;\n  }\n\n  .about-copy {\n    position: relative;\n    z-index: 2;\n    max-width: 580px;\n  }\n\n  .about-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 11px;\n    letter-spacing: 0.25em;\n    text-transform: uppercase;\n    color: #C97C5D;\n    display: block;\n    margin-bottom: 20px;\n  }\n\n  .about-headline {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(26px, 3vw, 42px);\n    line-height: 1.1;\n    text-transform: uppercase;\n    color: #5C4033;\n    margin-bottom: 32px;\n  }\n\n  .about-headline em {\n    font-style: normal;\n    color: #7D8B68;\n  }\n\n  .about-body p {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 15px;\n    line-height: 1.85;\n    color: #5C4033;\n    margin-bottom: 20px;\n  }\n\n  .about-body p strong {\n    font-weight: 600;\n    color: #5C4033;\n  }\n\n  .about-quote {\n    border-left: 3px solid #C97C5D;\n    padding-left: 24px;\n    margin-top: 32px;\n  }\n\n  .about-quote p {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(18px, 2vw, 24px);\n    line-height: 1.4;\n    color: #C97C5D;\n    margin-bottom: 10px;\n  }\n\n  .about-quote cite {\n    font-family: 'Poppins', sans-serif;\n    font-style: normal;\n    font-size: 11px;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: #8E8D8A;\n  }\n\n  \/* ============================================\n     RESPONSIVE \u2014 TABLET\n  ============================================ *\/\n  @media (max-width: 860px) {\n    .about-section {\n      padding: 60px 32px 480px 32px;\n    }\n\n    .about-image {\n      width: 100%;\n      height: 420px;\n      top: auto;\n      bottom: 0;\n    }\n\n    \/* Fade from top instead of left on mobile *\/\n    .about-image::before {\n      background: linear-gradient(to bottom, #F5F5F0 0%, transparent 40%);\n    }\n\n    .about-image::after {\n      display: none;\n    }\n\n    .about-copy {\n      max-width: 100%;\n    }\n\n    .about-headline {\n      font-size: clamp(24px, 6vw, 36px);\n    }\n  }\n\n  \/* ============================================\n     RESPONSIVE \u2014 SMALL PHONE\n  ============================================ *\/\n  @media (max-width: 390px) {\n    .about-section {\n      padding: 48px 20px 400px 20px;\n    }\n\n    .about-image {\n      height: 360px;\n    }\n\n    .about-body p {\n      font-size: 14px;\n      line-height: 1.75;\n    }\n\n    .about-quote p {\n      font-size: 17px;\n    }\n  }\n<\/style>\n\n<section class=\"about-section\" id=\"about\">\n\n  <div class=\"about-image\"><\/div>\n\n  <div class=\"about-copy\">\n    <span class=\"about-eyebrow\">Meet Joe Price<\/span>\n    <h2 class=\"about-headline\">\n      Your Ceremony Deserves Someone Who Can Actually <em>Hold the Room.<\/em>\n    <\/h2>\n    <div class=\"about-body\">\n      <p>\n        Most officiants show up with a script and fill in the names.\n        I show up the way a performer shows up: <strong>prepared, present,\n        and completely attuned to the room.<\/strong> I am a musician and a\n        natural communicator. I know how to read an audience, manage the\n        energy in a space, and guide people through a moment that matters.\n        That is not a skill you pick up online.\n      <\/p>\n      <p>\n        I do not do generic. Before I write a single word of your ceremony,\n        I ask real questions and I actually listen. What comes out the other\n        side sounds like the two of you: your story, your people, your\n        moment. <strong>Nothing off the shelf. Nothing forgettable.<\/strong>\n      <\/p>\n      <p>\n        I specialize in couples who want something meaningful and real\n        without the religion, and who also have a grandmother in the front\n        row who needs to feel good about it. That balance is what I do.\n        <strong>Everyone walks away feeling seen.<\/strong>\n      <\/p>\n    <\/div>\n    <div class=\"about-quote\">\n      <p>&ldquo;Your love. Your story. Your ceremony.&rdquo;<\/p>\n      <cite>Joe Price \/ The Modern Vow<\/cite>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n  const aboutObserver = new IntersectionObserver((entries) => {\n    entries.forEach(e => {\n      if (e.isIntersecting) {\n        e.target.classList.add('visible');\n      }\n    });\n  }, { threshold: 0.15 });\n\n  const aboutSection = document.getElementById('about');\n  if (aboutSection) aboutObserver.observe(aboutSection);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aae66c2 e-flex e-con-boxed e-con e-parent\" data-id=\"aae66c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5573f31 elementor-widget elementor-widget-html\" data-id=\"5573f31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  *, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ============================================\n     SECTION 4 - WHAT MAKES THIS DIFFERENT\n  ============================================ *\/\n  .diff-section {\n    background: #4a5240;\n    padding: 96px 60px;\n  }\n\n  \/* ============================================\n     HEADER\n  ============================================ *\/\n  .diff-header {\n    text-align: center;\n    margin-bottom: 72px;\n    opacity: 0;\n    transform: translateY(22px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n\n  .diff-header.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .diff-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: #C97C5D;\n    display: block;\n    margin-bottom: 18px;\n  }\n\n  .diff-headline {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(28px, 3.5vw, 48px);\n    line-height: 1.05;\n    text-transform: uppercase;\n    color: #F5F5F0;\n  }\n\n  .diff-headline em {\n    font-style: normal;\n    color: #C97C5D;\n  }\n\n  .diff-rule {\n    width: 60px;\n    height: 3px;\n    background: #C97C5D;\n    margin: 28px auto 0;\n  }\n\n  \/* ============================================\n     PILLARS GRID\n  ============================================ *\/\n  .diff-pillars {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 40px;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  \/* ============================================\n     SINGLE PILLAR\n  ============================================ *\/\n  .diff-pillar {\n    border-top: 2px solid rgba(245,245,240,0.15);\n    padding-top: 36px;\n    opacity: 0;\n    transform: translateY(22px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n\n  .diff-pillar.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .diff-pillar:nth-child(2) { transition-delay: 0.15s; }\n  .diff-pillar:nth-child(3) { transition-delay: 0.30s; }\n\n  .diff-pillar-number {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 56px;\n    line-height: 1;\n    color: #C97C5D;\n    opacity: 0.4;\n    display: block;\n    margin-bottom: 20px;\n    letter-spacing: -0.02em;\n  }\n\n  .diff-pillar-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(16px, 1.6vw, 20px);\n    line-height: 1.15;\n    text-transform: uppercase;\n    color: #F5F5F0;\n    margin-bottom: 18px;\n    letter-spacing: 0.01em;\n  }\n\n  .diff-pillar-title em {\n    font-style: normal;\n    color: #C97C5D;\n  }\n\n  .diff-pillar-body {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 14px;\n    line-height: 1.8;\n    color: rgba(245,245,240,0.65);\n  }\n\n  .diff-pillar-body strong {\n    font-weight: 600;\n    color: #F5F5F0;\n  }\n\n  \/* ============================================\n     BOTTOM STATEMENT\n  ============================================ *\/\n  .diff-closer {\n    text-align: center;\n    margin-top: 72px;\n    padding-top: 48px;\n    border-top: 1px solid rgba(245,245,240,0.12);\n    opacity: 0;\n    transform: translateY(22px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n    transition-delay: 0.45s;\n  }\n\n  .diff-closer.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .diff-closer p {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(18px, 2vw, 24px);\n    color: #F5F5F0;\n    opacity: 0.75;\n    max-width: 640px;\n    margin: 0 auto;\n    line-height: 1.6;\n  }\n\n  \/* ============================================\n     RESPONSIVE \u2014 TABLET\n  ============================================ *\/\n  @media (max-width: 860px) {\n    .diff-section {\n      padding: 72px 32px;\n    }\n\n    .diff-pillars {\n      grid-template-columns: 1fr;\n      gap: 48px;\n    }\n\n    .diff-pillar:nth-child(2),\n    .diff-pillar:nth-child(3) {\n      transition-delay: 0s;\n    }\n  }\n\n  \/* ============================================\n     RESPONSIVE \u2014 SMALL PHONE\n  ============================================ *\/\n  @media (max-width: 390px) {\n    .diff-section {\n      padding: 56px 20px;\n    }\n\n    .diff-pillar-number {\n      font-size: 44px;\n    }\n\n    .diff-pillar-body {\n      font-size: 13px;\n    }\n  }\n<\/style>\n\n<section class=\"diff-section\" id=\"different\">\n\n  <!-- HEADER -->\n  <div class=\"diff-header\" id=\"diff-header\">\n    <span class=\"diff-eyebrow\">Why Joe Price<\/span>\n    <h2 class=\"diff-headline\">What Makes This <em>Different.<\/em><\/h2>\n    <div class=\"diff-rule\"><\/div>\n  <\/div>\n\n  <!-- THREE PILLARS -->\n  <div class=\"diff-pillars\">\n\n    <div class=\"diff-pillar\" id=\"diff-pillar-1\">\n      <span class=\"diff-pillar-number\">01<\/span>\n      <h3 class=\"diff-pillar-title\">A Performer,<br><em>Not a Reader.<\/em><\/h3>\n      <p class=\"diff-pillar-body\">\n        Most officiants read from a paper. Joe performs. With a background\n        in music and years of commanding live audiences, he knows how to\n        hold a room through an emotional moment. <strong>The energy in the\n        space: the pace, the silence, the timing. That is all intentional.<\/strong>\n        Your guests will feel the difference.\n      <\/p>\n    <\/div>\n\n    <div class=\"diff-pillar\" id=\"diff-pillar-2\">\n      <span class=\"diff-pillar-number\">02<\/span>\n      <h3 class=\"diff-pillar-title\">Built Around You,<br><em>Not a Template.<\/em><\/h3>\n      <p class=\"diff-pillar-body\">\n        Before Joe writes a single word, he asks real questions and\n        actually listens. Your love story, your families, your inside\n        moments: they all end up in the ceremony. <strong>What comes out\n        sounds like the two of you.<\/strong> Not a script with your names\n        dropped in. Not generic. Yours.\n      <\/p>\n    <\/div>\n\n    <div class=\"diff-pillar\" id=\"diff-pillar-3\">\n      <span class=\"diff-pillar-number\">03<\/span>\n      <h3 class=\"diff-pillar-title\">The Bridge Between<br><em>Both Worlds.<\/em><\/h3>\n      <p class=\"diff-pillar-body\">\n        Non-religious doesn't have to mean lightweight. Joe specializes\n        in ceremonies that feel deeply meaningful without dogma, the kind\n        that satisfies modern couples <strong>and<\/strong> the grandmother\n        in the front row. <strong>Everyone walks away feeling seen.<\/strong>\n        That balance is rare. Joe does it every time.\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n  <!-- CLOSER -->\n  <div class=\"diff-closer\" id=\"diff-closer\">\n    <p>&ldquo;Your ceremony happens once. It deserves someone who treats it that way.&rdquo;<\/p>\n  <\/div>\n\n<\/section>\n\n<script>\n  const diffObserver = new IntersectionObserver((entries) => {\n    entries.forEach(e => {\n      if (e.isIntersecting) {\n        e.target.classList.add('visible');\n      }\n    });\n  }, { threshold: 0.15 });\n\n  document.querySelectorAll('#diff-header, #diff-pillar-1, #diff-pillar-2, #diff-pillar-3, #diff-closer')\n    .forEach(el => diffObserver.observe(el));\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9b3ca7 e-flex e-con-boxed e-con e-parent\" data-id=\"a9b3ca7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8882756 elementor-widget elementor-widget-html\" data-id=\"8882756\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  *, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .svc-section {\n    background: #F5F5F0;\n  }\n\n  .svc-banner {\n    position: relative;\n    width: 100%;\n    height: 340px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .svc-banner-bg {\n    position: absolute;\n    inset: 0;\n    background-color: #5C4033;\n    background-image: url('https:\/\/www.themodernvow.com\/wp-content\/uploads\/2026\/03\/photo-1515934751635-c81c6bc9a2d8.jpg');\n    background-size: cover;\n    background-position: center 60%;\n  }\n\n  .svc-banner-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to bottom,\n      rgba(92, 64, 51, 0.82) 0%,\n      rgba(92, 64, 51, 0.75) 60%,\n      rgba(245, 245, 240, 1) 100%\n    );\n  }\n\n  .svc-header {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    padding: 0 24px 48px;\n  }\n\n  .svc-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: #D8C3A5;\n    display: block;\n    margin-bottom: 18px;\n  }\n\n  .svc-headline {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(28px, 3.5vw, 46px);\n    line-height: 1.05;\n    text-transform: uppercase;\n    color: #F5F5F0;\n  }\n\n  .svc-headline em {\n    font-style: normal;\n    color: #D8C3A5;\n  }\n\n  .svc-rule {\n    width: 60px;\n    height: 3px;\n    background: #C97C5D;\n    margin: 24px auto 0;\n  }\n\n  .svc-cards-wrap {\n    padding: 0 60px 80px;\n  }\n\n  .svc-cards {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 28px;\n    max-width: 1100px;\n    margin: 48px auto 0;\n    align-items: start;\n  }\n\n  .svc-card {\n    background: #fff;\n    border: 1px solid rgba(92, 64, 51, 0.10);\n    padding: 44px 36px 40px;\n    position: relative;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .svc-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 40px rgba(92, 64, 51, 0.12);\n  }\n\n  .svc-card.featured {\n    background: #5C4033;\n    border-color: #5C4033;\n    padding-top: 56px;\n  }\n\n  .svc-card.featured::before {\n    content: 'Most Popular';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    background: #C97C5D;\n    color: #F5F5F0;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 9px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    padding: 7px 20px;\n  }\n\n  .svc-tier {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 10px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: #C97C5D;\n    display: block;\n    margin-bottom: 14px;\n  }\n\n  .svc-card.featured .svc-tier { color: #D8C3A5; }\n\n  .svc-name {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(20px, 2vw, 26px);\n    text-transform: uppercase;\n    color: #5C4033;\n    letter-spacing: 0.02em;\n    line-height: 1;\n    margin-bottom: 6px;\n  }\n\n  .svc-card.featured .svc-name { color: #F5F5F0 !important; }\n\n  .svc-tagline {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: 14px;\n    color: #8E8D8A;\n    margin-bottom: 28px;\n    display: block;\n  }\n\n  .svc-card.featured .svc-tagline { color: #D8C3A5; }\n\n  .svc-price-block {\n    border-top: 1px solid rgba(92, 64, 51, 0.12);\n    border-bottom: 1px solid rgba(92, 64, 51, 0.12);\n    padding: 22px 0;\n    margin-bottom: 28px;\n    display: flex;\n    align-items: baseline;\n    gap: 6px;\n  }\n\n  .svc-card.featured .svc-price-block { border-color: rgba(245, 245, 240, 0.15); }\n\n  .svc-price {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(36px, 4vw, 48px);\n    color: #5C4033;\n    line-height: 1;\n    letter-spacing: -0.02em;\n  }\n\n  .svc-card.featured .svc-price { color: #F5F5F0 !important; }\n\n  .svc-price-note {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 12px;\n    color: #8E8D8A;\n    letter-spacing: 0.04em;\n  }\n\n  .svc-card.featured .svc-price-note { color: #D8C3A5; }\n\n  .svc-features { list-style: none; }\n\n  .svc-features li {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 13px;\n    line-height: 1.6;\n    color: #5C4033;\n    padding: 8px 0;\n    border-bottom: 1px solid rgba(92, 64, 51, 0.07);\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n  }\n\n  .svc-card.featured .svc-features li {\n    color: #D8C3A5;\n    border-bottom-color: rgba(245, 245, 240, 0.08);\n  }\n\n  .svc-features li::before {\n    content: '';\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n    min-width: 14px;\n    margin-top: 2px;\n    background: #C97C5D;\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n  }\n\n  .svc-footer {\n    text-align: center;\n    margin-top: 52px;\n  }\n\n  .svc-footer p {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 17px;\n    color: #8E8D8A;\n    line-height: 1.8;\n    margin-bottom: 32px;\n  }\n\n  .svc-footer a.svc-footer-link {\n    color: #C97C5D;\n    text-decoration: none;\n    font-weight: 600;\n  }\n\n  .svc-footer a.svc-footer-link:hover { text-decoration: underline; }\n\n  .svc-footer-cta {\n    display: inline-block;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    padding: 18px 52px;\n    border-radius: 2px;\n    text-decoration: none;\n    background: #C97C5D;\n    color: #F5F5F0 !important;\n    box-shadow: 0 4px 18px rgba(201, 124, 93, 0.35);\n    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n  }\n\n  .svc-footer-cta:hover {\n    background: #b56a4d;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(201, 124, 93, 0.45);\n  }\n\n  @media (max-width: 900px) {\n    .svc-banner { height: 280px; }\n    .svc-cards-wrap { padding: 0 32px 64px; }\n    .svc-cards { grid-template-columns: 1fr; max-width: 480px; }\n  }\n\n  @media (max-width: 390px) {\n    .svc-banner { height: 240px; }\n    .svc-cards-wrap { padding: 0 20px 48px; }\n    .svc-card { padding: 36px 24px 32px; }\n    .svc-card.featured { padding-top: 48px; }\n    .svc-footer p { font-size: 15px; }\n    .svc-footer-cta { padding: 16px 36px; font-size: 11px; }\n  }\n<\/style>\n\n<section class=\"svc-section\" id=\"services\">\n\n  <div class=\"svc-banner\">\n    <div class=\"svc-banner-bg\"><\/div>\n    <div class=\"svc-banner-overlay\"><\/div>\n    <div class=\"svc-header\">\n      <span class=\"svc-eyebrow\">Ceremony Packages<\/span>\n      <h2 class=\"svc-headline\">Find the Package<br><em>That's Right for You.<\/em><\/h2>\n      <div class=\"svc-rule\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"svc-cards-wrap\">\n    <div class=\"svc-cards\">\n\n      <div class=\"svc-card\">\n        <span class=\"svc-tier\">Essential<\/span>\n        <div class=\"svc-name\">Essential Ceremony<\/div>\n        <span class=\"svc-tagline\">Perfect for intimate and budget-conscious couples.<\/span>\n        <div class=\"svc-price-block\">\n          <span class=\"svc-price\">$297<\/span>\n          <span class=\"svc-price-note\">flat rate<\/span>\n        <\/div>\n        <ul class=\"svc-features\">\n          <li>Initial consultation (45-60 minutes)<\/li>\n          <li>Customized ceremony with personal elements<\/li>\n          <li>Professional 15-20 minute ceremony<\/li>\n          <li>Basic vendor coordination<\/li>\n          <li>Up to 50 guests<\/li>\n          <li>Free travel within 25 miles of Madison<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"svc-card featured\">\n        <span class=\"svc-tier\">Signature<\/span>\n        <div class=\"svc-name\">Signature Ceremony<\/div>\n        <span class=\"svc-tagline\">Personalized storytelling with professional polish.<\/span>\n        <div class=\"svc-price-block\">\n          <span class=\"svc-price\">$497<\/span>\n          <span class=\"svc-price-note\">flat rate<\/span>\n        <\/div>\n        <ul class=\"svc-features\">\n          <li>Extended consultation (90 minutes)<\/li>\n          <li>Personalized script with your complete love story<\/li>\n          <li>Custom vow guidance and structure<\/li>\n          <li>Unity ceremony options included<\/li>\n          <li>Family acknowledgment sections<\/li>\n          <li>20-30 minute ceremony<\/li>\n          <li>Up to 100 guests<\/li>\n          <li>Free travel within 30 miles of Madison<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"svc-card\">\n        <span class=\"svc-tier\">Premium<\/span>\n        <div class=\"svc-name\">Premium Ceremony<\/div>\n        <span class=\"svc-tagline\">Completely customized, comprehensively supported.<\/span>\n        <div class=\"svc-price-block\">\n          <span class=\"svc-price\">$797<\/span>\n          <span class=\"svc-price-note\">flat rate<\/span>\n        <\/div>\n        <ul class=\"svc-features\">\n          <li>Multiple consultations (up to 3 meetings)<\/li>\n          <li>Fully custom ceremony written for your couple<\/li>\n          <li>Cultural integration for interfaith ceremonies<\/li>\n          <li>Premarital conversation sessions (2 included)<\/li>\n          <li>Rehearsal attendance and coordination<\/li>\n          <li>Vendor coordination with photographers and musicians<\/li>\n          <li>Unlimited guest capacity<\/li>\n          <li>Free travel within 50 miles of Madison<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"svc-footer\">\n      <p>\n        Not sure which package fits? <a href=\"#contact\" class=\"svc-footer-link\">Send Joe a message<\/a> and\n        he will help you figure out exactly what your day needs.\n      <\/p>\n      <a href=\"#contact\" class=\"svc-footer-cta\">Start the Conversation<\/a>\n    <\/div>\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-baefff0 e-flex e-con-boxed e-con e-parent\" data-id=\"baefff0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7da5829 elementor-widget elementor-widget-html\" data-id=\"7da5829\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  *, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .proc-section {\n    background: #C97C5D;\n  }\n\n  .proc-banner {\n    position: relative;\n    width: 100%;\n    height: 200px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .proc-banner-bg {\n    position: absolute;\n    inset: 0;\n    background-color: #5C4033;\n    background-image: url('https:\/\/www.themodernvow.com\/wp-content\/uploads\/2026\/03\/photo-1465495976277-4387d4b0b4c6.jpg');\n    background-size: cover;\n    background-position: center 35%;\n  }\n\n  .proc-banner-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to bottom,\n      rgba(201, 124, 93, 0.78) 0%,\n      rgba(201, 124, 93, 0.70) 55%,\n      rgba(201, 124, 93, 1) 100%\n    );\n  }\n\n  .proc-header {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    padding: 0 24px 24px;\n  }\n\n  .proc-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: #F5F5F0;\n    opacity: 0.80;\n    display: block;\n    margin-bottom: 18px;\n  }\n\n  .proc-headline {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(28px, 3.5vw, 46px);\n    line-height: 1.05;\n    text-transform: uppercase;\n    color: #F5F5F0;\n  }\n\n  .proc-headline em {\n    font-style: normal;\n    color: #5C4033;\n  }\n\n  .proc-rule {\n    width: 60px;\n    height: 3px;\n    background: #5C4033;\n    margin: 24px auto 0;\n  }\n\n  .proc-steps-wrap {\n    padding: 64px 60px 80px;\n  }\n\n  .proc-steps {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    gap: 0;\n    max-width: 1100px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  .proc-steps::before {\n    content: '';\n    position: absolute;\n    top: 36px;\n    left: 12.5%;\n    width: 75%;\n    height: 1px;\n    background: rgba(245, 245, 240, 0.30);\n    z-index: 0;\n  }\n\n  .proc-step {\n    padding: 0 28px;\n    text-align: center;\n    position: relative;\n    z-index: 1;\n  }\n\n  .proc-step-number {\n    width: 72px;\n    height: 72px;\n    border-radius: 50%;\n    background: rgba(245, 245, 240, 0.15);\n    border: 2px solid rgba(245, 245, 240, 0.40);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 28px;\n  }\n\n  .proc-step:first-child .proc-step-number {\n    border-color: #5C4033;\n    background: #5C4033;\n  }\n\n  .proc-step-number span {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 18px;\n    color: #F5F5F0;\n    letter-spacing: -0.02em;\n  }\n\n  .proc-step-title {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(14px, 1.4vw, 17px);\n    text-transform: uppercase;\n    color: #F5F5F0;\n    letter-spacing: 0.04em;\n    line-height: 1.2;\n    margin-bottom: 14px;\n  }\n\n  .proc-step-title em {\n    font-style: normal;\n    color: #5C4033;\n    display: block;\n  }\n\n  .proc-step-body {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 13px;\n    line-height: 1.75;\n    color: rgba(245, 245, 240, 0.70);\n  }\n\n  .proc-step-body strong {\n    font-weight: 600;\n    color: #F5F5F0;\n  }\n\n  .proc-step + .proc-step {\n    border-left: 1px solid rgba(245, 245, 240, 0.15);\n  }\n\n  .proc-footer {\n    text-align: center;\n    margin-top: 64px;\n    padding-top: 48px;\n    border-top: 1px solid rgba(245, 245, 240, 0.20);\n  }\n\n  .proc-footer-quote {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(16px, 1.8vw, 22px);\n    color: #F5F5F0;\n    opacity: 0.85;\n    max-width: 560px;\n    margin: 0 auto 36px;\n    line-height: 1.6;\n  }\n\n  .proc-footer-cta {\n    display: inline-block;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    padding: 18px 52px;\n    border-radius: 2px;\n    text-decoration: none;\n    background: #5C4033;\n    color: #F5F5F0 !important;\n    box-shadow: 0 4px 18px rgba(92, 64, 51, 0.30);\n    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n  }\n\n  .proc-footer-cta:hover {\n    background: #4a3229;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(92, 64, 51, 0.45);\n  }\n\n  @media (max-width: 860px) {\n    .proc-steps-wrap { padding: 48px 32px 64px; }\n    .proc-steps { grid-template-columns: 1fr 1fr; gap: 48px; }\n    .proc-steps::before { display: none; }\n    .proc-step + .proc-step { border-left: none; }\n    .proc-banner { height: 180px; }\n  }\n\n  @media (max-width: 540px) {\n    .proc-steps { grid-template-columns: 1fr; gap: 40px; }\n    .proc-steps-wrap { padding: 40px 20px 56px; }\n    .proc-footer-cta { padding: 16px 36px; font-size: 11px; }\n  }\n<\/style>\n\n<section class=\"proc-section\" id=\"process\">\n\n  <div class=\"proc-banner\">\n    <div class=\"proc-banner-bg\"><\/div>\n    <div class=\"proc-banner-overlay\"><\/div>\n    <div class=\"proc-header\">\n      <span class=\"proc-eyebrow\">How It Works<\/span>\n      <h2 class=\"proc-headline\">Simple. Personal. <em>Unforgettable.<\/em><\/h2>\n      <div class=\"proc-rule\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"proc-steps-wrap\">\n    <div class=\"proc-steps\">\n\n      <div class=\"proc-step\">\n        <div class=\"proc-step-number\"><span>01<\/span><\/div>\n        <h3 class=\"proc-step-title\">Reach Out\n          <em>Get in Touch<\/em>\n        <\/h3>\n        <p class=\"proc-step-body\">\n          Fill out a quick inquiry form or send Joe a direct message.\n          <strong>He responds within 24 hours<\/strong> and will confirm\n          your date is available before anything else.\n        <\/p>\n      <\/div>\n\n      <div class=\"proc-step\">\n        <div class=\"proc-step-number\"><span>02<\/span><\/div>\n        <h3 class=\"proc-step-title\">Your Story\n          <em>The Consultation<\/em>\n        <\/h3>\n        <p class=\"proc-step-body\">\n          Joe asks real questions and actually listens. Your people,\n          your moments, your inside jokes. <strong>Everything that makes\n          your relationship yours<\/strong> goes into the ceremony.\n        <\/p>\n      <\/div>\n\n      <div class=\"proc-step\">\n        <div class=\"proc-step-number\"><span>03<\/span><\/div>\n        <h3 class=\"proc-step-title\">Your Ceremony\n          <em>Written for You<\/em>\n        <\/h3>\n        <p class=\"proc-step-body\">\n          Joe writes a ceremony that sounds like the two of you.\n          You review it, give feedback, and <strong>nothing is final\n          until you love it.<\/strong> No templates. No filler.\n        <\/p>\n      <\/div>\n\n      <div class=\"proc-step\">\n        <div class=\"proc-step-number\"><span>04<\/span><\/div>\n        <h3 class=\"proc-step-title\">Your Day\n          <em>Joe Shows Up<\/em>\n        <\/h3>\n        <p class=\"proc-step-body\">\n          Prepared, present, and completely focused on your moment.\n          <strong>Joe handles the room<\/strong> so you can be fully\n          in it. That is what you are paying for.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"proc-footer\">\n      <p class=\"proc-footer-quote\">\"Your ceremony happens once. It deserves someone who treats it that way.\"<\/p>\n      <a href=\"#contact\" class=\"proc-footer-cta\">Book Your Date<\/a>\n    <\/div>\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7607804 e-flex e-con-boxed e-con e-parent\" data-id=\"7607804\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c68575 elementor-widget elementor-widget-html\" data-id=\"5c68575\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  *, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .tmv-test-section {\n    background: #F5F5F0;\n    padding: 96px 60px;\n  }\n\n  .tmv-test-header {\n    text-align: center;\n    margin-bottom: 64px;\n  }\n\n  .tmv-test-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: #C97C5D;\n    display: block;\n    margin-bottom: 18px;\n  }\n\n  .tmv-test-headline {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(28px, 3.5vw, 46px);\n    line-height: 1.05;\n    text-transform: uppercase;\n    color: #5C4033;\n  }\n\n  .tmv-test-headline em {\n    font-style: normal;\n    color: #C97C5D;\n  }\n\n  .tmv-test-rule {\n    width: 60px;\n    height: 3px;\n    background: #C97C5D;\n    margin: 24px auto 0;\n  }\n\n  .tmv-test-cards {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 28px;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .tmv-test-card {\n    background: #fff;\n    border: 1px solid rgba(92, 64, 51, 0.09);\n    padding: 44px 36px 40px;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .tmv-test-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 36px;\n    width: 40px;\n    height: 3px;\n    background: #C97C5D;\n  }\n\n  .tmv-test-quote-mark {\n    font-family: 'Playfair Display', serif;\n    font-size: 72px;\n    line-height: 0.7;\n    color: #C97C5D;\n    opacity: 0.25;\n    display: block;\n    margin-bottom: 20px;\n    letter-spacing: -0.02em;\n  }\n\n  .tmv-test-stars {\n    display: flex;\n    gap: 3px;\n    margin-bottom: 16px;\n  }\n\n  .tmv-test-star {\n    width: 14px;\n    height: 14px;\n    background: #C97C5D;\n    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);\n  }\n\n  .tmv-test-text {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(15px, 1.4vw, 18px);\n    line-height: 1.7;\n    color: #5C4033;\n    flex: 1;\n    margin-bottom: 32px;\n  }\n\n  .tmv-test-attr {\n    border-top: 1px solid rgba(92, 64, 51, 0.10);\n    padding-top: 20px;\n    display: flex;\n    align-items: center;\n    gap: 14px;\n  }\n\n  .tmv-test-avatar {\n    width: 44px;\n    height: 44px;\n    min-width: 44px;\n    border-radius: 50%;\n    background: #D8C3A5;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 13px;\n    color: #5C4033;\n    letter-spacing: 0.05em;\n  }\n\n  .tmv-test-name {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    color: #5C4033;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    display: block;\n    margin-bottom: 3px;\n  }\n\n  .tmv-test-detail {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 12px;\n    color: #8E8D8A;\n    display: block;\n  }\n\n  @media (max-width: 860px) {\n    .tmv-test-section { padding: 72px 32px; }\n    .tmv-test-cards { grid-template-columns: 1fr; max-width: 520px; }\n  }\n\n  @media (max-width: 390px) {\n    .tmv-test-section { padding: 56px 20px; }\n    .tmv-test-card { padding: 36px 24px 32px; }\n    .tmv-test-text { font-size: 15px; }\n  }\n<\/style>\n\n<section class=\"tmv-test-section\" id=\"testimonials\">\n\n  <div class=\"tmv-test-header\">\n    <span class=\"tmv-test-eyebrow\">Couples Who Have Been There<\/span>\n    <h2 class=\"tmv-test-headline\">Real People. <em>Real Moments.<\/em><\/h2>\n    <div class=\"tmv-test-rule\"><\/div>\n  <\/div>\n\n  <div class=\"tmv-test-cards\">\n\n    <div class=\"tmv-test-card\">\n      <div class=\"tmv-test-stars\">\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n      <\/div>\n      <span class=\"tmv-test-quote-mark\">&ldquo;<\/span>\n      <p class=\"tmv-test-text\">\n        We couldn't have asked for a better officiant for our wedding. From start to finish, Joe was professional, organized, and genuinely invested in making our ceremony meaningful. He took the time to understand our story and created a ceremony that felt personal, heartfelt, and perfectly suited to us. On the day of the wedding, he spoke with confidence and warmth, keeping everything flowing smoothly while also making our guests feel included and engaged. If you're looking for someone who truly cares and delivers a thoughtful, well-crafted ceremony, we highly recommend him.\n      <\/p>\n      <div class=\"tmv-test-attr\">\n        <div class=\"tmv-test-avatar\">JR<\/div>\n        <div>\n          <span class=\"tmv-test-name\">Jordyn &amp; Ryley<\/span>\n          <span class=\"tmv-test-detail\">Oshkosh, WI<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tmv-test-card\">\n      <div class=\"tmv-test-stars\">\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n      <\/div>\n      <span class=\"tmv-test-quote-mark\">&ldquo;<\/span>\n      <p class=\"tmv-test-text\">\n        Cool, calm and creative. Joe makes everyone feel welcome and at ease. He performed our non-traditional ceremony like it was a walk in the park for everyone. Joe is a gifted friend that we were very comfortable to work with. A wedding can sometimes be uptight and awkward but when he's involved you can count on him to really pull the room together. I would recommend his services to anyone looking for something different in the wedding industry. A++.\n      <\/p>\n      <div class=\"tmv-test-attr\">\n        <div class=\"tmv-test-avatar\">JJ<\/div>\n        <div>\n          <span class=\"tmv-test-name\">Joe &amp; Julie<\/span>\n          <span class=\"tmv-test-detail\">Madison, WI<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tmv-test-card\">\n      <div class=\"tmv-test-stars\">\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n        <div class=\"tmv-test-star\"><\/div>\n      <\/div>\n      <span class=\"tmv-test-quote-mark\">&ldquo;<\/span>\n      <p class=\"tmv-test-text\">\n        We feel so grateful to have had Joe as our officiant. He brought such sincerity and warmth to our ceremony, making it feel deeply personal and unforgettable. He guided us through each step with such care and grace. We couldn't have asked for a better person to lead us into this next chapter together.\n      <\/p>\n      <div class=\"tmv-test-attr\">\n        <div class=\"tmv-test-avatar\">SM<\/div>\n        <div>\n          <span class=\"tmv-test-name\">Sarah &amp; Mike<\/span>\n          <span class=\"tmv-test-detail\">Chicago, IL<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05f1c35 e-flex e-con-boxed e-con e-parent\" data-id=\"05f1c35\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e5354f elementor-widget elementor-widget-html\" data-id=\"4e5354f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  *, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .tmv-cta-section {\n    padding: 110px 60px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    background: #5C4033;\n  }\n\n  .tmv-cta-bg {\n    position: absolute;\n    inset: 0;\n    background-color: #5C4033;\n    background-image: url('https:\/\/www.themodernvow.com\/wp-content\/uploads\/2026\/03\/photo-1519741497674-611481863552.jpg');\n    background-size: cover;\n    background-position: center 40%;\n  }\n\n  .tmv-cta-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      160deg,\n      rgba(74, 82, 64, 0.92) 0%,\n      rgba(92, 64, 51, 0.85) 100%\n    );\n  }\n\n  .tmv-cta-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 780px;\n    margin: 0 auto;\n  }\n\n  .tmv-cta-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: rgba(245, 245, 240, 0.70);\n    display: block;\n    margin-bottom: 22px;\n  }\n\n  .tmv-cta-headline {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(34px, 5.5vw, 68px);\n    line-height: 1.0;\n    text-transform: uppercase;\n    color: #F5F5F0;\n    margin-bottom: 28px;\n    letter-spacing: -0.01em;\n  }\n\n  .tmv-cta-headline em {\n    font-style: normal;\n    color: #C97C5D;\n  }\n\n  .tmv-cta-subtext {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: clamp(15px, 1.6vw, 18px);\n    line-height: 1.75;\n    color: rgba(245, 245, 240, 0.85);\n    margin-bottom: 48px;\n    max-width: 580px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .tmv-cta-group {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 20px;\n    flex-wrap: wrap;\n    margin-bottom: 64px;\n  }\n\n  .tmv-cta-btn-primary {\n    display: inline-block;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 13px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #5C4033 !important;\n    background: #F5F5F0;\n    padding: 18px 44px;\n    border-radius: 2px;\n    text-decoration: none;\n    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.20);\n  }\n\n  .tmv-cta-btn-primary:hover {\n    background: #C97C5D;\n    color: #F5F5F0 !important;\n    transform: translateY(-2px);\n  }\n\n  .tmv-cta-btn-ghost {\n    display: inline-block;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: #F5F5F0 !important;\n    background: transparent;\n    border: 2px solid rgba(245, 245, 240, 0.55);\n    padding: 16px 40px;\n    border-radius: 2px;\n    text-decoration: none;\n    transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;\n  }\n\n  .tmv-cta-btn-ghost:hover {\n    border-color: #F5F5F0;\n    background: rgba(245, 245, 240, 0.10);\n    transform: translateY(-2px);\n  }\n\n  .tmv-cta-divider {\n    width: 50px;\n    height: 1px;\n    background: rgba(245, 245, 240, 0.30);\n    margin: 0 auto 48px;\n  }\n\n  .tmv-cta-pull-quote {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(17px, 1.8vw, 22px);\n    line-height: 1.6;\n    color: rgba(245, 245, 240, 0.80);\n    max-width: 560px;\n    margin: 0 auto;\n  }\n\n  .tmv-cta-pull-quote cite {\n    display: block;\n    font-family: 'Montserrat', sans-serif;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 11px;\n    letter-spacing: 0.20em;\n    text-transform: uppercase;\n    color: rgba(245, 245, 240, 0.50);\n    margin-top: 18px;\n  }\n\n  @media (max-width: 768px) {\n    .tmv-cta-section { padding: 80px 32px; }\n    .tmv-cta-group {\n      flex-direction: column;\n      align-items: stretch;\n      max-width: 320px;\n      margin-left: auto;\n      margin-right: auto;\n      margin-bottom: 48px;\n    }\n    .tmv-cta-btn-primary,\n    .tmv-cta-btn-ghost { text-align: center; }\n  }\n\n  @media (max-width: 390px) {\n    .tmv-cta-section { padding: 64px 20px; }\n    .tmv-cta-group { max-width: 280px; }\n    .tmv-cta-btn-primary,\n    .tmv-cta-btn-ghost { padding: 16px 32px; font-size: 12px; }\n  }\n<\/style>\n\n<section class=\"tmv-cta-section\" id=\"contact\">\n  <div class=\"tmv-cta-bg\"><\/div>\n  <div class=\"tmv-cta-overlay\"><\/div>\n\n  <div class=\"tmv-cta-inner\">\n    <span class=\"tmv-cta-eyebrow\">Your Date is Waiting<\/span>\n    <h2 class=\"tmv-cta-headline\">\n      Let's Make Your<br>\n      Ceremony <em>Unforgettable.<\/em>\n    <\/h2>\n    <p class=\"tmv-cta-subtext\">\n      Joe only takes a limited number of ceremonies each year.\n      If your date is open, now is the time to reach out.\n      The conversation is free and there is no pressure.\n    <\/p>\n\n    <div class=\"tmv-cta-group\">\n      <a href=\"#contact\" class=\"tmv-cta-btn-primary\">Book Your Ceremony<\/a>\n      <a href=\"#services\" class=\"tmv-cta-btn-ghost\">View Packages<\/a>\n    <\/div>\n\n    <div class=\"tmv-cta-divider\"><\/div>\n\n    <p class=\"tmv-cta-pull-quote\">\n      \"Two decades of presence, preparation, and genuine care for the most important moment of your lives.\"\n      <cite>Joe Price \/ The Modern Vow<\/cite>\n    <\/p>\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e9a6ad e-flex e-con-boxed e-con e-parent\" data-id=\"0e9a6ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a48fa5 elementor-widget elementor-widget-html\" data-id=\"4a48fa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Playfair+Display:ital,wght@1,400;1,700&family=Poppins:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .tmv-contact-section {\n    background: #0a0a0a;\n    padding: 96px 24px;\n    width: 100%;\n  }\n\n  .tmv-contact-inner {\n    max-width: 720px;\n    margin: 0 auto;\n  }\n\n  .tmv-contact-eyebrow {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 11px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: #C97C5D;\n    display: block;\n    margin-bottom: 16px;\n    text-align: center;\n  }\n\n  .tmv-contact-headline {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: clamp(28px, 4vw, 42px);\n    line-height: 1.1;\n    color: #F5F5F0;\n    text-align: center;\n    text-transform: uppercase;\n    letter-spacing: -0.01em;\n    margin-bottom: 12px;\n  }\n\n  .tmv-contact-headline em {\n    font-style: normal;\n    color: #C97C5D;\n  }\n\n  .tmv-contact-subhead {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(16px, 2vw, 20px);\n    color: #D8C3A5;\n    text-align: center;\n    margin-bottom: 48px;\n    line-height: 1.5;\n  }\n\n  .tmv-contact-divider {\n    width: 48px;\n    height: 2px;\n    background: #C97C5D;\n    margin: 0 auto 48px;\n  }\n\n  \/* ---- FORM WRAPPER ---- *\/\n  .tmv-form-wrap {\n    background: #F5F5F0;\n    border-radius: 4px;\n    padding: 48px 48px 40px;\n  }\n\n  \/* ---- CF7 FIELD OVERRIDES ---- *\/\n  .tmv-form-wrap .wpcf7-form p {\n    margin-bottom: 24px;\n  }\n\n  .tmv-form-wrap .wpcf7-form label,\n  .tmv-form-wrap .wpcf7-form .tmv-label {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 11px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #7D8B68;\n    display: block;\n    margin-bottom: 8px;\n  }\n\n  .tmv-form-wrap .wpcf7-form input[type=\"text\"],\n  .tmv-form-wrap .wpcf7-form input[type=\"email\"],\n  .tmv-form-wrap .wpcf7-form input[type=\"date\"],\n  .tmv-form-wrap .wpcf7-form select,\n  .tmv-form-wrap .wpcf7-form textarea {\n    width: 100%;\n    background: #ffffff;\n    border: 1.5px solid #D8C3A5;\n    border-radius: 2px;\n    padding: 14px 16px;\n    font-family: 'Poppins', sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    color: #5C4033;\n    transition: border-color 0.2s, box-shadow 0.2s;\n    outline: none;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  .tmv-form-wrap .wpcf7-form input[type=\"text\"]:focus,\n  .tmv-form-wrap .wpcf7-form input[type=\"email\"]:focus,\n  .tmv-form-wrap .wpcf7-form input[type=\"date\"]:focus,\n  .tmv-form-wrap .wpcf7-form select:focus,\n  .tmv-form-wrap .wpcf7-form textarea:focus {\n    border-color: #C97C5D;\n    box-shadow: 0 0 0 3px rgba(201,124,93,0.12);\n  }\n\n  .tmv-form-wrap .wpcf7-form input::placeholder,\n  .tmv-form-wrap .wpcf7-form textarea::placeholder {\n    color: #8E8D8A;\n    font-weight: 300;\n  }\n\n  .tmv-form-wrap .wpcf7-form select {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238E8D8A' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 16px center;\n    padding-right: 40px;\n    cursor: pointer;\n  }\n\n  .tmv-form-wrap .wpcf7-form textarea {\n    min-height: 140px;\n    resize: vertical;\n    line-height: 1.7;\n  }\n\n  \/* Two-column row *\/\n  .tmv-form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 24px;\n  }\n\n  .tmv-form-row p {\n    margin-bottom: 0 !important;\n  }\n\n  \/* Submit button *\/\n  .tmv-form-wrap .wpcf7-form input[type=\"submit\"],\n  .tmv-form-wrap .wpcf7-submit {\n    width: 100%;\n    background: #C97C5D;\n    color: #F5F5F0;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    border: none;\n    border-radius: 2px;\n    padding: 18px 32px;\n    cursor: pointer;\n    transition: background 0.25s, transform 0.2s, box-shadow 0.2s;\n    margin-top: 8px;\n    box-shadow: 0 4px 20px rgba(201,124,93,0.25);\n  }\n\n  .tmv-form-wrap .wpcf7-form input[type=\"submit\"]:hover {\n    background: #b56a4d;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 28px rgba(201,124,93,0.38);\n  }\n\n  \/* CF7 validation messages *\/\n  .tmv-form-wrap .wpcf7-not-valid-tip {\n    font-family: 'Poppins', sans-serif;\n    font-size: 12px;\n    color: #C97C5D;\n    margin-top: 4px;\n    display: block;\n  }\n\n  .tmv-form-wrap .wpcf7-response-output {\n    font-family: 'Poppins', sans-serif;\n    font-size: 14px;\n    border-radius: 2px;\n    padding: 14px 18px;\n    margin-top: 20px;\n    border: none !important;\n  }\n\n  .tmv-form-wrap .wpcf7-mail-sent-ok {\n    background: rgba(125,139,104,0.15);\n    color: #7D8B68;\n  }\n\n  .tmv-form-wrap .wpcf7-mail-sent-ng,\n  .tmv-form-wrap .wpcf7-aborted {\n    background: rgba(201,124,93,0.12);\n    color: #C97C5D;\n  }\n\n  \/* Privacy note *\/\n  .tmv-form-note {\n    font-family: 'Poppins', sans-serif;\n    font-size: 12px;\n    font-weight: 300;\n    color: #8E8D8A;\n    text-align: center;\n    margin-top: 20px;\n    line-height: 1.6;\n  }\n\n  \/* Reassurance strip below form *\/\n  .tmv-contact-reassurance {\n    display: flex;\n    justify-content: center;\n    gap: 48px;\n    margin-top: 48px;\n    flex-wrap: wrap;\n  }\n\n  .tmv-reassurance-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .tmv-reassurance-item strong {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    color: #F5F5F0;\n    letter-spacing: 0.04em;\n  }\n\n  .tmv-reassurance-item span {\n    font-family: 'Poppins', sans-serif;\n    font-size: 12px;\n    font-weight: 300;\n    color: rgba(245,245,240,0.6);\n  }\n\n  \/* ---- RESPONSIVE ---- *\/\n  @media (max-width: 640px) {\n    .tmv-contact-section {\n      padding: 64px 16px;\n    }\n\n    .tmv-form-wrap {\n      padding: 32px 24px 28px;\n    }\n\n    .tmv-form-row {\n      grid-template-columns: 1fr;\n    }\n\n    .tmv-contact-reassurance {\n      gap: 28px;\n    }\n  }\n<\/style>\n\n<section class=\"tmv-contact-section\" id=\"contact\">\n  <div class=\"tmv-contact-inner\">\n\n    <span class=\"tmv-contact-eyebrow\">Your Date is Waiting<\/span>\n    <h2 class=\"tmv-contact-headline\">Let's Make Your Ceremony <em>Unforgettable.<\/em><\/h2>\n    <p class=\"tmv-contact-subhead\">Joe responds within 24 hours. The conversation is free and there is no pressure.<\/p>\n    <div class=\"tmv-contact-divider\"><\/div>\n\n    <div class=\"tmv-form-wrap\">\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f7-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"7\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F12#wpcf7-f7-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"7\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f7-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><br \/>\n<label>Your Name *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"First and last name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n<\/p>\n<p><br \/>\n<label>Email Address *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"yourname@email.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n<\/p>\n<p><br \/>\n<label>Wedding Date<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-date\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"June 2027 is fine if no exact date yet\" value=\"\" type=\"text\" name=\"your-date\" \/><\/span>\n<\/p>\n<p><br \/>\n<label>Estimated Guest Count<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-guests\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"your-guests\"><option value=\"Select an estimate\">Select an estimate<\/option><option value=\"Under 25\">Under 25<\/option><option value=\"25 to 50\">25 to 50<\/option><option value=\"50 to 100\">50 to 100<\/option><option value=\"100 or more\">100 or more<\/option><option value=\"Not sure yet\">Not sure yet<\/option><\/select><\/span>\n<\/p>\n<p><br \/>\n<label>How did you hear about Joe?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-referral\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"your-referral\"><option value=\"Select one\">Select one<\/option><option value=\"Google Search\">Google Search<\/option><option value=\"Friend or Family Referral\">Friend or Family Referral<\/option><option value=\"Wedding Vendor Referral\">Wedding Vendor Referral<\/option><option value=\"Instagram\">Instagram<\/option><option value=\"Facebook\">Facebook<\/option><option value=\"Other\">Other<\/option><\/select><\/span>\n<\/p>\n<p><br \/>\n<label>Tell Joe about your ceremony *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"6\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Share a little about yourselves and what you are envisioning. There are no wrong answers.\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<p><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send My Inquiry\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n    <\/div>\n\n    <p class=\"tmv-form-note\" style=\"margin-top:16px; color: rgba(245,245,240,0.35);\">Your information is never shared. Joe reads every message personally.<\/p>\n\n    <div class=\"tmv-contact-reassurance\">\n      <div class=\"tmv-reassurance-item\">\n        <strong>24-Hour Response<\/strong>\n        <span>Joe replies to every inquiry<\/span>\n      <\/div>\n      <div class=\"tmv-reassurance-item\">\n        <strong>No Pressure<\/strong>\n        <span>The conversation is always free<\/span>\n      <\/div>\n      <div class=\"tmv-reassurance-item\">\n        <strong>Limited Dates<\/strong>\n        <span>Book early to secure yours<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5de0ba6 e-flex e-con-boxed e-con e-parent\" data-id=\"5de0ba6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ac2663 elementor-widget elementor-widget-html\" data-id=\"5ac2663\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  *, *::before, *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  .tmv-footer {\n    background: #111111;\n    padding: 72px 60px 40px;\n  }\n\n  .tmv-footer-top {\n    display: grid;\n    grid-template-columns: 1.4fr 1fr 1fr;\n    gap: 48px;\n    padding-bottom: 56px;\n    border-bottom: 1px solid rgba(255,255,255,0.10);\n    margin-bottom: 36px;\n  }\n\n  .tmv-footer-brand-name {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 22px;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: #F5F5F0;\n    display: block;\n    margin-bottom: 6px;\n  }\n\n  .tmv-footer-brand-sub {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 11px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #D8C3A5;\n    display: block;\n    margin-bottom: 20px;\n  }\n\n  .tmv-footer-tagline {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: 15px;\n    line-height: 1.6;\n    color: rgba(255,255,255,0.45);\n    display: block;\n    margin-bottom: 28px;\n  }\n\n  .tmv-footer-contact a {\n    display: block;\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 13px;\n    color: rgba(255,255,255,0.55);\n    text-decoration: none;\n    margin-bottom: 8px;\n    transition: color 0.2s;\n  }\n\n  .tmv-footer-contact a:hover { color: #C97C5D; }\n\n  .tmv-footer-col-head {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 10px;\n    letter-spacing: 0.22em;\n    text-transform: uppercase;\n    color: #C97C5D;\n    display: block;\n    margin-bottom: 20px;\n  }\n\n  .tmv-footer-col ul { list-style: none; }\n  .tmv-footer-col ul li { margin-bottom: 12px; }\n\n  .tmv-footer-col ul li a {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 13px;\n    color: rgba(255,255,255,0.55);\n    text-decoration: none;\n    transition: color 0.2s;\n  }\n\n  .tmv-footer-col ul li a:hover { color: #F5F5F0; }\n\n  .tmv-footer-bottom {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n\n  .tmv-footer-copy {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 12px;\n    color: rgba(255,255,255,0.25);\n  }\n\n  .tmv-footer-credit {\n    font-family: 'Poppins', sans-serif;\n    font-weight: 300;\n    font-size: 12px;\n    color: rgba(255,255,255,0.25);\n  }\n\n  .tmv-footer-credit a {\n    color: rgba(255,255,255,0.35);\n    text-decoration: none;\n    transition: color 0.2s;\n  }\n\n  .tmv-footer-credit a:hover { color: #C97C5D; }\n\n  @media (max-width: 760px) {\n    .tmv-footer { padding: 56px 32px 36px; }\n    .tmv-footer-top { grid-template-columns: 1fr; gap: 36px; }\n    .tmv-footer-bottom { flex-direction: column; align-items: flex-start; }\n  }\n\n  @media (max-width: 390px) {\n    .tmv-footer { padding: 48px 20px 32px; }\n    .tmv-footer-brand-name { font-size: 18px; }\n  }\n<\/style>\n\n<footer class=\"tmv-footer\">\n\n  <div class=\"tmv-footer-top\">\n\n    <div class=\"tmv-footer-col\">\n      <span class=\"tmv-footer-brand-name\">The Modern Vow<\/span>\n      <span class=\"tmv-footer-brand-sub\">Wedding Officiant \/ Madison, WI<\/span>\n      <span class=\"tmv-footer-tagline\">\"Your love. Your story. Your ceremony.\"<\/span>\n      <div class=\"tmv-footer-contact\">\n        \n        <a href=\"#\">Madison \/ Dane County \/ All of Wisconsin<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"tmv-footer-col\">\n      <span class=\"tmv-footer-col-head\">Services<\/span>\n      <ul>\n        <li><a href=\"#services\">Essential Ceremony<\/a><\/li>\n        <li><a href=\"#services\">Signature Ceremony<\/a><\/li>\n        <li><a href=\"#services\">Premium Ceremony<\/a><\/li>\n        \n      <\/ul>\n    <\/div>\n\n    <div class=\"tmv-footer-col\">\n      <span class=\"tmv-footer-col-head\">Quick Links<\/span>\n      <ul>\n        <li><a href=\"#about\">About Joe<\/a><\/li>\n        <li><a href=\"#different\">Why Joe<\/a><\/li>\n        <li><a href=\"#process\">How It Works<\/a><\/li>\n        <li><a href=\"#testimonials\">Reviews<\/a><\/li>\n        <li><a href=\"#contact\">Book Your Date<\/a><\/li>\n      <\/ul>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"tmv-footer-bottom\">\n    <span class=\"tmv-footer-copy\">&copy; 2026 The Modern Vow LLC \/ Joe Price \/ All rights reserved.<\/span>\n    <span class=\"tmv-footer-credit\">Site by <a href=\"https:\/\/brainstormerstudios.com\" target=\"_blank\" rel=\"noopener\">Brainstormer Studios<\/a><\/span>\n  <\/div>\n\n<\/footer>\t\t\t\t<\/div>\n\t\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 Modern Vow Wedding Officiant &mdash; Madison, WI About Services Process Reviews Book Joe About Services Process Reviews Book Joe Madison, Wisconsin Wedding Officiant Your Ceremony. Your Story. Your Moment. Fully custom ceremonies for couples who want something real. Joe Price brings two decades of presence, preparation, and genuine care to the most important moment [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Modern Vow - The Modern Vow<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.themodernvow.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Modern Vow - The Modern Vow\" \/>\n<meta property=\"og:description\" content=\"The Modern Vow Wedding Officiant &mdash; Madison, WI About Services Process Reviews Book Joe About Services Process Reviews Book Joe Madison, Wisconsin Wedding Officiant Your Ceremony. Your Story. Your Moment. Fully custom ceremonies for couples who want something real. Joe Price brings two decades of presence, preparation, and genuine care to the most important moment [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.themodernvow.com\/\" \/>\n<meta property=\"og:site_name\" content=\"The Modern Vow\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-25T17:32:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"28 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.themodernvow.com\/\",\"url\":\"https:\/\/www.themodernvow.com\/\",\"name\":\"The Modern Vow - The Modern Vow\",\"isPartOf\":{\"@id\":\"https:\/\/www.themodernvow.com\/#website\"},\"datePublished\":\"2026-03-10T18:39:52+00:00\",\"dateModified\":\"2026-03-25T17:32:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.themodernvow.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.themodernvow.com\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.themodernvow.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.themodernvow.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Modern Vow\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.themodernvow.com\/#website\",\"url\":\"https:\/\/www.themodernvow.com\/\",\"name\":\"The Modern Vow\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.themodernvow.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.themodernvow.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.themodernvow.com\/#organization\",\"name\":\"The Modern Vow\",\"url\":\"https:\/\/www.themodernvow.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.themodernvow.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.themodernvow.com\/wp-content\/uploads\/2026\/03\/cropped-Logo-4.png\",\"contentUrl\":\"https:\/\/www.themodernvow.com\/wp-content\/uploads\/2026\/03\/cropped-Logo-4.png\",\"width\":1025,\"height\":1015,\"caption\":\"The Modern Vow\"},\"image\":{\"@id\":\"https:\/\/www.themodernvow.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Modern Vow - The Modern Vow","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.themodernvow.com\/","og_locale":"en_US","og_type":"article","og_title":"The Modern Vow - The Modern Vow","og_description":"The Modern Vow Wedding Officiant &mdash; Madison, WI About Services Process Reviews Book Joe About Services Process Reviews Book Joe Madison, Wisconsin Wedding Officiant Your Ceremony. Your Story. Your Moment. Fully custom ceremonies for couples who want something real. Joe Price brings two decades of presence, preparation, and genuine care to the most important moment [&hellip;]","og_url":"https:\/\/www.themodernvow.com\/","og_site_name":"The Modern Vow","article_modified_time":"2026-03-25T17:32:07+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"28 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.themodernvow.com\/","url":"https:\/\/www.themodernvow.com\/","name":"The Modern Vow - The Modern Vow","isPartOf":{"@id":"https:\/\/www.themodernvow.com\/#website"},"datePublished":"2026-03-10T18:39:52+00:00","dateModified":"2026-03-25T17:32:07+00:00","breadcrumb":{"@id":"https:\/\/www.themodernvow.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.themodernvow.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.themodernvow.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.themodernvow.com\/"},{"@type":"ListItem","position":2,"name":"The Modern Vow"}]},{"@type":"WebSite","@id":"https:\/\/www.themodernvow.com\/#website","url":"https:\/\/www.themodernvow.com\/","name":"The Modern Vow","description":"","publisher":{"@id":"https:\/\/www.themodernvow.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.themodernvow.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.themodernvow.com\/#organization","name":"The Modern Vow","url":"https:\/\/www.themodernvow.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.themodernvow.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.themodernvow.com\/wp-content\/uploads\/2026\/03\/cropped-Logo-4.png","contentUrl":"https:\/\/www.themodernvow.com\/wp-content\/uploads\/2026\/03\/cropped-Logo-4.png","width":1025,"height":1015,"caption":"The Modern Vow"},"image":{"@id":"https:\/\/www.themodernvow.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.themodernvow.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.themodernvow.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.themodernvow.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.themodernvow.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.themodernvow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":10,"href":"https:\/\/www.themodernvow.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/www.themodernvow.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/www.themodernvow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}