/* Audio button — positioned absolutely below the logo */
    .hp-nav-audio-standalone {
      position: absolute !important;
      bottom: 4px !important;
      left: 24px !important;
      display: flex !important;
      align-items: center !important;
      gap: 8px !important;
      cursor: pointer !important;
      opacity: 0.72 !important;
      width: 187px !important;
      transition: opacity 0.15s !important;
    }
    .hp-nav-audio-standalone:hover { opacity: 1 !important; }
    .hp-nav-audio { display: none !important; }
    .hp-nav-audio-ring {
      width: 24px !important; height: 24px !important; border-radius: 50% !important;
      border: 1px solid #C9A227 !important; background: rgba(201,162,39,0.08) !important;
      display: flex !important; align-items: center !important; justify-content: center !important;
      flex-shrink: 0 !important; transition: background 0.15s !important;
    }
    .hp-nav-audio-standalone:hover .hp-nav-audio-ring { background: rgba(201,162,39,0.22) !important; }
    .hp-nav-audio-label { font-family: \'Cinzel\', serif !important; font-size: 0.41rem !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #C9A227 !important; line-height: 1.4 !important; }
    
    if (file_exists(get_stylesheet_directory() . '/rosary/rosary-engine.js')) {
        wp_enqueue_script(
            'rosary-engine',
            get_stylesheet_directory_uri() . '/rosary/rosary-engine.js',
            ['jquery'],
            filemtime(get_stylesheet_directory() . '/rosary/rosary-engine.js'),
            true
        );
    }
    
    if (file_exists(get_stylesheet_directory() . '/rosary/rosary.js')) {
        wp_enqueue_script(
            'rosary-js',
            get_stylesheet_directory_uri() . '/rosary/rosary.js',
            ['rosary-engine'],
            filemtime(get_stylesheet_directory() . '/rosary/rosary.js'),
            true
        );
    }
}
add_action('wp_enqueue_scripts', 'domvsdei_enqueue_rosary_assets');

// ── Vatican II Series Styles ──
// Injected here to bypass wpautop corruption in wp-block-html content
add_action('wp_enqueue_scripts', 'dd_enqueue_vat2_styles');
function dd_enqueue_vat2_styles() {
    if (!is_page(array(2389, 2392, 2393, 2394))) return;
    wp_enqueue_style('dd-google-fonts', 'https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap', array(), null);
    wp_register_style('dd-vat2-series', false, array(), '1.0');
    wp_enqueue_style('dd-vat2-series');
    wp_add_inline_style('dd-vat2-series', '/* ── Domus Dei Vatican II Series — Scoped CSS ── */
/* Delivered via WPCode to avoid wpautop corruption */

/* === vat2 === */
.dd-vat2-wrap {
  font-family: \'EB Garamond\', Georgia, serif;
  font-size: 19px;
  line-height: 1.85;
  color: #2A1A0E;
}

    .dd-vat2-wrap {
      --burgundy: #6B1A2A;
      --burgundy-dark: #4A1019;
      --burgundy-light: #8B2A3A;
      --gold: #C9A84C;
      --gold-light: #E2C47A;
      --cream: #F9F4E8;
      --cream-dark: #EDE4CC;
      --text-dark: #2A1A0E;
      --text-mid: #4A3728;
      --text-light: #7A6050;
    }

    /* (universal reset scoped to avoid global impact) */

    /* ---- MASTHEAD ---- */
    .dd-vat2-masthead {
      background-color: var(--burgundy-dark);
      border-bottom: 3px solid var(--gold);
      padding: 18px 40px;
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .dd-vat2-masthead-cross { font-size: 26px; color: var(--gold); line-height: 1; }
    .dd-vat2-masthead-title {
      font-family: \'Cinzel\', serif;
      font-size: 1.45rem;
      color: var(--gold-light);
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .dd-vat2-masthead-subtitle {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      color: #C8A87099;
      font-size: 0.9rem;
      letter-spacing: 0.04em;
      margin-top: 1px;
    }

    /* ---- HERO ---- */
    .dd-vat2-hero {
      background: linear-gradient(170deg, #1A0A0E 0%, #2E0E18 40%, var(--burgundy-dark) 100%);
      padding: 80px 40px 70px;
      text-align: center;
      position: relative;
      overflow: hidden;
      border-bottom: 3px solid var(--gold);
    }
    .dd-vat2-hero::before {
      content: \'\';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width=\'80\' height=\'80\' viewBox=\'0 0 80 80\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'%23C9A84C\' fill-opacity=\'0.03\'%3E%3Cpath d=\'M40 0L80 40L40 80L0 40z\'/%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
    }
    .dd-vat2-hero-eyebrow {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.4em;
      text-transform: uppercase;
      color: var(--gold);
      opacity: 0.7;
      margin-bottom: 20px;
      position: relative;
      z-index: 1;
    }
    .dd-vat2-hero h1 {
      font-family: \'Cinzel\', serif;
      font-size: clamp(2.4rem, 6vw, 4.2rem);
      font-weight: 700;
      color: #FFFAF0;
      letter-spacing: 0.08em;
      line-height: 1.1;
      position: relative;
      z-index: 1;
      margin-bottom: 6px;
    }
    .dd-vat2-hero-sub {
      font-family: \'Cinzel\', serif;
      font-size: clamp(0.8rem, 2vw, 1rem);
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gold);
      opacity: 0.6;
      position: relative;
      z-index: 1;
      margin-bottom: 28px;
    }
    .dd-vat2-hero-rule {
      width: 120px;
      height: 1px;
      background: linear-gradient(to right, transparent, var(--gold), transparent);
      margin: 0 auto 24px;
      position: relative;
      z-index: 1;
    }
    .dd-vat2-hero-statement {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      font-size: clamp(1rem, 2.5vw, 1.22rem);
      color: var(--gold-light);
      opacity: 0.88;
      max-width: 680px;
      margin: 0 auto;
      line-height: 1.75;
      position: relative;
      z-index: 1;
    }

    /* ---- LAYOUT ---- */
    .dd-vat2-content-wrap {
      max-width: 1040px;
      margin: 0 auto;
      padding: 0 30px 90px;
    }

    /* ---- SECTION HEADERS ---- */
    .dd-vat2-section-header {
      display: flex;
      align-items: center;
      gap: 16px;
      margin: 64px 0 28px;
    }
    .dd-vat2-section-header-icon {
      font-size: 1.3rem;
      color: var(--gold);
      flex-shrink: 0;
    }
    .dd-vat2-section-header-text { flex: 1; border-bottom: 1px solid var(--gold); padding-bottom: 10px; }
    .dd-vat2-section-eyebrow {
      font-family: \'Cinzel\', serif;
      font-size: 0.62rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 3px;
    }
    .dd-vat2-section-title {
      font-family: \'Cinzel\', serif;
      font-size: 1.15rem;
      font-weight: 600;
      color: var(--burgundy);
      letter-spacing: 0.04em;
    }

    /* ---- ORIENTING TEXT ---- */
    .dd-vat2-orienting-text {
      max-width: 760px;
      margin: 0 auto 52px;
      text-align: center;
      padding-top: 52px;
    }
    .dd-vat2-orienting-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.65rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
    }
    .dd-vat2-orienting-label::before, .dd-vat2-orienting-label::after {
      content: \'\';
      width: 40px;
      height: 1px;
      background: var(--gold);
      opacity: 0.4;
    }
    .dd-vat2-orienting-text p {
      font-size: 1.04rem;
      color: var(--text-mid);
      line-height: 1.9;
      margin-bottom: 1.3em;
    }
    .dd-vat2-orienting-text p:last-child { margin-bottom: 0; }

    /* ---- TIMELINE FEATURE CARD ---- */
    .dd-vat2-timeline-feature {
      background: linear-gradient(135deg, var(--burgundy-dark) 0%, #3A1020 100%);
      border: 1px solid var(--gold);
      border-radius: 4px;
      padding: 40px 44px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 40px;
      gap: 36px;
      align-items: center;
      margin-bottom: 20px;
      text-decoration: none;
      transition: border-color 0.2s, background 0.2s;
      position: relative;
      overflow: hidden;
    }
    .dd-vat2-timeline-feature::before {
      content: \'\';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(to right, var(--gold), var(--gold-light), var(--gold));
    }
    .dd-vat2-timeline-feature:hover { border-color: var(--gold-light); }
    .dd-vat2-timeline-feature-eyebrow {
      font-family: \'Cinzel\', serif;
      font-size: 0.62rem;
      letter-spacing: 0.32em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .dd-vat2-timeline-feature-eyebrow::after {
      content: \'\';
      flex: 1;
      max-width: 60px;
      height: 1px;
      background: #C9A84C55;
    }
    .dd-vat2-timeline-feature-title {
      font-family: \'Cinzel\', serif;
      font-size: 1.35rem;
      font-weight: 600;
      color: #FFFAF0;
      line-height: 1.3;
      margin-bottom: 12px;
    }
    .dd-vat2-timeline-feature-desc {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      font-size: 1rem;
      color: var(--gold-light);
      opacity: 0.85;
      line-height: 1.7;
      margin-bottom: 20px;
    }
    .dd-vat2-timeline-feature-nodes {
      display: flex;
      gap: 0;
      flex-wrap: wrap;
      margin-bottom: 22px;
    }
    .dd-vat2-timeline-node {
      font-family: \'Cinzel\', serif;
      font-size: 0.6rem;
      letter-spacing: 0.1em;
      color: var(--cream);
      background: #FFFFFF14;
      border: 1px solid #C9A84C44;
      padding: 3px 10px;
      margin: 0 6px 6px 0;
      border-radius: 2px;
      opacity: 0.8;
    }
    .dd-vat2-timeline-cta {
      display: inline-block;
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--cream);
      border: 1px solid var(--gold);
      padding: 9px 22px;
      text-decoration: none;
      transition: background 0.2s, color 0.2s;
    }
    .dd-vat2-timeline-cta:hover { background: var(--gold); color: var(--burgundy-dark); }
    .dd-vat2-timeline-feature-visual {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      opacity: 0.35;
      flex-shrink: 0;
      width: 40px;
    }
    .dd-vat2-timeline-vis-line {
      width: 2px;
      height: 36px;
      background: var(--gold);
    }
    .dd-vat2-timeline-vis-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 2px solid var(--gold);
      background: transparent;
    }
    .dd-vat2-timeline-vis-dot.filled { background: var(--gold); }

    /* ---- SERIES FEATURE ---- */
    .dd-vat2-series-feature {
      background: var(--cream-dark);
      border: 1px solid #C9A84C55;
      border-top: 3px solid var(--burgundy);
      border-radius: 2px;
      padding: 32px 36px;
      margin-bottom: 16px;
      text-decoration: none;
      display: block;
      transition: border-top-color 0.2s, background 0.2s;
    }
    .dd-vat2-series-feature:hover { border-top-color: var(--gold); background: #EDE4CC; }
    .dd-vat2-series-feature-header {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 14px;
    }
    .dd-vat2-series-feature-eyebrow {
      font-family: \'Cinzel\', serif;
      font-size: 0.62rem;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 6px;
    }
    .dd-vat2-series-feature-title {
      font-family: \'Cinzel\', serif;
      font-size: 1.18rem;
      font-weight: 600;
      color: var(--burgundy);
      line-height: 1.3;
      letter-spacing: 0.02em;
    }
    .dd-vat2-series-feature-badge {
      font-family: \'Cinzel\', serif;
      font-size: 0.58rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--burgundy);
      border: 1px solid var(--burgundy);
      padding: 3px 10px;
      white-space: nowrap;
      flex-shrink: 0;
      opacity: 0.6;
    }
    .dd-vat2-series-feature-desc {
      font-family: \'EB Garamond\', serif;
      font-size: 0.98rem;
      color: var(--text-mid);
      line-height: 1.7;
      margin-bottom: 16px;
    }
    .dd-vat2-series-feature-articles {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
    }
    .dd-vat2-article-pill {
      font-family: \'EB Garamond\', serif;
      font-size: 0.88rem;
      font-style: italic;
      color: var(--text-mid);
      background: #F5EFE2;
      border: 1px solid #C9A84C44;
      padding: 4px 12px;
      border-radius: 2px;
    }
    .dd-vat2-article-pill.published { border-left: 3px solid var(--burgundy); }
    .dd-vat2-article-pill.forthcoming {
      border-left: 3px dashed #C9A84C88;
      opacity: 0.6;
    }

    /* ---- RESOURCE GRID ---- */
    .dd-vat2-resource-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 16px;
      margin-top: 4px;
    }
    .dd-vat2-resource-card {
      background: #F5EFE2;
      border: 1px solid #C9A84C33;
      border-radius: 2px;
      padding: 22px 24px;
      text-decoration: none;
      display: block;
      transition: border-color 0.2s, background 0.2s;
    }
    .dd-vat2-resource-card:hover { border-color: var(--gold); background: var(--cream-dark); }
    .dd-vat2-resource-card.forthcoming {
      border: 1px dashed #C9A84C55;
      opacity: 0.6;
      cursor: default;
    }
    .dd-vat2-resource-card.forthcoming:hover { border-color: #C9A84C55; background: #F5EFE2; }
    .dd-vat2-resource-type {
      font-family: \'Cinzel\', serif;
      font-size: 0.58rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 8px;
    }
    .dd-vat2-resource-title {
      font-family: \'Cinzel\', serif;
      font-size: 0.92rem;
      font-weight: 600;
      color: var(--burgundy);
      line-height: 1.35;
      margin-bottom: 8px;
      letter-spacing: 0.02em;
    }
    .dd-vat2-resource-desc {
      font-family: \'EB Garamond\', serif;
      font-size: 0.9rem;
      color: var(--text-light);
      line-height: 1.6;
    }
    .dd-vat2-forthcoming-tag {
      font-family: \'Cinzel\', serif;
      font-size: 0.55rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gold);
      border: 1px solid var(--gold);
      padding: 2px 7px;
      display: inline-block;
      margin-bottom: 8px;
      opacity: 0.7;
    }

    /* ---- POSTURE BOX ---- */
    .dd-vat2-posture-box {
      background: var(--burgundy-dark);
      border-left: 4px solid var(--gold);
      padding: 32px 38px;
      margin: 64px 0 0;
      border-radius: 0 3px 3px 0;
    }
    .dd-vat2-posture-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.65rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 14px;
    }
    .dd-vat2-posture-box p {
      font-style: italic;
      font-size: 0.98rem;
      color: #EDE4CC;
      line-height: 1.85;
      margin-bottom: 1em;
    }
    .dd-vat2-posture-box p:last-child { margin-bottom: 0; }

    /* ---- FOOTER ---- */
    .dd-vat2-article-footer {
      border-top: 1px solid var(--gold);
      margin-top: 64px;
      padding-top: 24px;
      text-align: center;
      font-family: \'Cinzel\', serif;
      font-size: 0.72rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--text-light);
    }
    .dd-vat2-footer-cross { color: var(--burgundy); font-size: 1.1rem; display: block; margin-bottom: 8px; }

    @media (max-width: 700px) {
      .dd-vat2-masthead { padding: 14px 18px; }
      .dd-vat2-hero { padding: 56px 18px 50px; }
      .dd-vat2-content-wrap { padding: 0 18px 60px; }
      .dd-vat2-timeline-feature { grid-template-columns: 1fr; padding: 28px 22px; }
      .dd-vat2-timeline-feature-visual { display: none; }
      .dd-vat2-series-feature { padding: 24px 20px; }
      .dd-vat2-posture-box { padding: 24px 22px; }
      .dd-vat2-resource-grid { grid-template-columns: 1fr; }
    }

/* === qvr === */
.dd-qvr-wrap {
  font-family: \'EB Garamond\', Georgia, serif;
  font-size: 19px;
  line-height: 1.85;
  color: #2A1A0E;
}

    .dd-qvr-wrap {
      --burgundy: #6B1A2A;
      --burgundy-dark: #4A1019;
      --burgundy-light: #8B2A3A;
      --gold: #C9A84C;
      --gold-light: #E2C47A;
      --cream: #F9F4E8;
      --cream-dark: #EDE4CC;
      --text-dark: #2A1A0E;
      --text-mid: #4A3728;
      --text-light: #7A6050;
    }

    /* (universal reset scoped to avoid global impact) */

    /* ---- MASTHEAD ---- */
    .dd-qvr-masthead {
      background-color: var(--burgundy-dark);
      border-bottom: 3px solid var(--gold);
      padding: 18px 40px;
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .dd-qvr-masthead-cross { font-size: 26px; color: var(--gold); line-height: 1; }
    .dd-qvr-masthead-title {
      font-family: \'Cinzel\', serif;
      font-size: 1.45rem;
      color: var(--gold-light);
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .dd-qvr-masthead-subtitle {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      color: #C8A87099;
      font-size: 0.9rem;
      letter-spacing: 0.04em;
      margin-top: 1px;
    }

    /* ---- HERO ---- */
    .dd-qvr-hero {
      background: linear-gradient(160deg, #2A0A12 0%, var(--burgundy-dark) 45%, var(--burgundy) 100%);
      padding: 90px 40px 80px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .dd-qvr-hero::before {
      content: \'\';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width=\'60\' height=\'60\' viewBox=\'0 0 60 60\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'none\' fill-rule=\'evenodd\'%3E%3Cg fill=\'%23C9A84C\' fill-opacity=\'0.04\'%3E%3Cpath d=\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
    }
    /* Subtle radial glow behind the title */
    .dd-qvr-hero::after {
      content: \'\';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 600px;
      height: 300px;
      background: radial-gradient(ellipse, #C9A84C0A 0%, transparent 70%);
      pointer-events: none;
    }
    .dd-qvr-hero-series-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.7rem;
      letter-spacing: 0.4em;
      text-transform: uppercase;
      color: var(--gold);
      opacity: 0.75;
      margin-bottom: 24px;
      position: relative;
      z-index: 1;
    }
    .dd-qvr-hero-latin {
      font-family: \'Cinzel\', serif;
      font-size: clamp(2.8rem, 7vw, 5.2rem);
      font-weight: 700;
      color: #FFFAF0;
      line-height: 1.08;
      letter-spacing: 0.06em;
      position: relative;
      z-index: 1;
      text-shadow: 0 2px 40px #00000055;
    }
    .dd-qvr-hero-latin .dd-qvr-comma {
      color: var(--gold);
    }
    .dd-qvr-hero-latin .dd-qvr-question {
      color: var(--gold);
    }
    .dd-qvr-hero-rule {
      width: 100px;
      height: 1px;
      background: linear-gradient(to right, transparent, var(--gold), transparent);
      margin: 28px auto;
      position: relative;
      z-index: 1;
    }
    .dd-qvr-hero-translation {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      font-size: 1.3rem;
      color: var(--gold-light);
      opacity: 0.85;
      letter-spacing: 0.04em;
      position: relative;
      z-index: 1;
      margin-bottom: 10px;
    }
    .dd-qvr-hero-meta {
      font-family: \'EB Garamond\', serif;
      font-size: 0.88rem;
      color: #FFFAF055;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      position: relative;
      z-index: 1;
    }

    /* ---- CONTENT WRAP ---- */
    .dd-qvr-content-wrap {
      max-width: 860px;
      margin: 0 auto;
      padding: 70px 30px 90px;
    }

    /* ---- SERIES INTRO ---- */
    .dd-qvr-series-intro {
      text-align: center;
      margin-bottom: 64px;
    }
    .dd-qvr-series-intro-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 22px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
    }
    .dd-qvr-series-intro-label::before,
    .dd-qvr-series-intro-label::after {
      content: \'\';
      width: 50px;
      height: 1px;
      background: var(--gold);
      opacity: 0.4;
    }
    .dd-qvr-series-intro p {
      font-size: 1.08rem;
      color: var(--text-mid);
      max-width: 700px;
      margin: 0 auto 1.4em;
      line-height: 1.9;
    }
    .dd-qvr-series-intro p:first-of-type::first-letter {
      font-family: \'Cinzel\', serif;
      font-size: 3.8rem;
      line-height: 0.8;
      float: left;
      margin-right: 8px;
      margin-top: 8px;
      color: var(--burgundy);
      font-weight: 700;
    }
    .dd-qvr-intro-rule {
      width: 60px;
      height: 2px;
      background: var(--gold);
      margin: 40px auto 0;
      opacity: 0.5;
    }

    /* ---- CITATIONS ---- */
    .dd-qvr-cite {
      display: inline-block;
      font-family: \'Cinzel\', serif;
      font-size: 0.6rem;
      letter-spacing: 0.08em;
      color: var(--burgundy);
      border: 1px solid var(--burgundy);
      border-radius: 2px;
      padding: 1px 5px;
      vertical-align: super;
      line-height: 1;
      margin-left: 2px;
      opacity: 0.75;
      cursor: default;
      text-decoration: none;
      transition: opacity 0.15s;
    }
    .dd-qvr-cite:hover { opacity: 1; }

    .dd-qvr-citations-block {
      background: #F0EAD5;
      border: 1px solid #C9A84C44;
      border-top: 3px solid var(--gold);
      padding: 24px 28px;
      margin: 48px auto 0;
      max-width: 700px;
      border-radius: 2px;
    }
    .dd-qvr-citations-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.65rem;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 14px;
    }
    .dd-qvr-citation-item {
      display: flex;
      gap: 12px;
      margin-bottom: 8px;
      font-size: 0.88rem;
      color: var(--text-mid);
      line-height: 1.55;
    }
    .dd-qvr-citation-num {
      font-family: \'Cinzel\', serif;
      font-size: 0.7rem;
      color: var(--burgundy);
      flex-shrink: 0;
      width: 20px;
      padding-top: 1px;
    }
    .dd-qvr-citation-item em { font-style: italic; }

    /* ---- ARC SECTION ---- */
    .dd-qvr-arc-section {
      margin-bottom: 60px;
    }
    .dd-qvr-arc-header {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 28px;
    }
    .dd-qvr-arc-number {
      font-family: \'Cinzel\', serif;
      font-size: 2rem;
      font-weight: 700;
      color: var(--burgundy);
      opacity: 0.25;
      line-height: 1;
      flex-shrink: 0;
      width: 48px;
      text-align: right;
    }
    .dd-qvr-arc-title-wrap {
      flex: 1;
      border-bottom: 1px solid var(--gold);
      padding-bottom: 10px;
    }
    .dd-qvr-arc-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.65rem;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 4px;
    }
    .dd-qvr-arc-title {
      font-family: \'Cinzel\', serif;
      font-size: 1.1rem;
      font-weight: 600;
      color: var(--burgundy);
      letter-spacing: 0.04em;
    }

    /* ---- ARTICLE CARDS ---- */
    .dd-qvr-article-card {
      background: #F5EFE2;
      border: 1px solid #C9A84C44;
      border-left: 4px solid var(--burgundy);
      border-radius: 2px;
      padding: 24px 28px;
      margin-bottom: 16px;
      display: flex;
      gap: 24px;
      align-items: flex-start;
      text-decoration: none;
      transition: border-left-color 0.2s, background 0.2s;
    }
    .dd-qvr-article-card:hover {
      border-left-color: var(--gold);
      background: #EDE4CC;
    }
    .dd-qvr-article-card-num {
      font-family: \'Cinzel\', serif;
      font-size: 1.6rem;
      font-weight: 700;
      color: var(--burgundy);
      opacity: 0.2;
      line-height: 1;
      flex-shrink: 0;
      padding-top: 3px;
      width: 32px;
      text-align: center;
    }
    .dd-qvr-article-card-body { flex: 1; }
    .dd-qvr-article-card-title {
      font-family: \'Cinzel\', serif;
      font-size: 1rem;
      font-weight: 600;
      color: var(--burgundy);
      line-height: 1.35;
      margin-bottom: 7px;
      letter-spacing: 0.02em;
    }
    .dd-qvr-article-card-subtitle {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      font-size: 0.97rem;
      color: var(--text-light);
      margin-bottom: 10px;
      line-height: 1.5;
    }
    .dd-qvr-article-card-desc {
      font-family: \'EB Garamond\', serif;
      font-size: 0.94rem;
      color: var(--text-mid);
      line-height: 1.65;
    }
    .dd-qvr-article-card-arrow {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gold);
      margin-top: 14px;
      display: inline-block;
    }

    /* ---- FORTHCOMING CARD ---- */
    .dd-qvr-article-card-forthcoming {
      background: transparent;
      border: 1px dashed #C9A84C66;
      border-left: 4px dashed #C9A84C66;
      opacity: 0.6;
      cursor: default;
    }
    .dd-qvr-article-card-forthcoming:hover {
      background: transparent;
      border-left-color: #C9A84C66;
    }
    .dd-qvr-forthcoming-badge {
      font-family: \'Cinzel\', serif;
      font-size: 0.6rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--gold);
      border: 1px solid var(--gold);
      padding: 2px 8px;
      display: inline-block;
      margin-bottom: 8px;
      opacity: 0.7;
    }

    /* ---- SERIES PURPOSE ---- */
    .dd-qvr-series-purpose {
      background: var(--burgundy-dark);
      border-left: 4px solid var(--gold);
      padding: 32px 36px;
      margin: 56px 0;
      border-radius: 0 3px 3px 0;
    }
    .dd-qvr-series-purpose-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 14px;
    }
    .dd-qvr-series-purpose p {
      font-style: italic;
      font-size: 1rem;
      color: #EDE4CC;
      line-height: 1.85;
      margin-bottom: 1em;
    }
    .dd-qvr-series-purpose p:last-child { margin-bottom: 0; }

    /* ---- FOOTER ---- */
    .dd-qvr-article-footer {
      border-top: 1px solid var(--gold);
      margin-top: 60px;
      padding-top: 24px;
      text-align: center;
      font-family: \'Cinzel\', serif;
      font-size: 0.72rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--text-light);
    }
    .dd-qvr-footer-cross { color: var(--burgundy); font-size: 1.1rem; display: block; margin-bottom: 8px; }

    @media (max-width: 600px) {
      .dd-qvr-masthead { padding: 14px 18px; }
      .dd-qvr-hero { padding: 60px 18px 56px; }
      .dd-qvr-content-wrap { padding: 44px 18px 60px; }
      .dd-qvr-article-card { flex-direction: column; gap: 8px; padding: 18px 16px; }
      .dd-qvr-article-card-num { width: auto; text-align: left; }
      .dd-qvr-series-purpose { padding: 24px 20px; }
    }

/* === hij === */
.dd-hijacked-wrap {
  font-family: \'EB Garamond\', Georgia, serif;
  font-size: 19px;
  line-height: 1.85;
  color: #2A1A0E;
}

    .dd-hijacked-wrap {
      --burgundy: #6B1A2A;
      --burgundy-dark: #4A1019;
      --burgundy-light: #8B2A3A;
      --gold: #C9A84C;
      --gold-light: #E2C47A;
      --cream: #F9F4E8;
      --cream-dark: #EDE4CC;
      --text-dark: #2A1A0E;
      --text-mid: #4A3728;
      --text-light: #7A6050;
    }

    /* (universal reset scoped to avoid global impact) */

    /* ---- MASTHEAD ---- */
    .dd-hijacked-masthead {
      background-color: var(--burgundy-dark);
      border-bottom: 3px solid var(--gold);
      padding: 18px 40px;
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .dd-hijacked-masthead-cross { font-size: 26px; color: var(--gold); line-height: 1; }
    .dd-hijacked-masthead-title {
      font-family: \'Cinzel\', serif;
      font-size: 1.45rem;
      color: var(--gold-light);
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .dd-hijacked-masthead-subtitle {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      color: #C8A87099;
      font-size: 0.9rem;
      letter-spacing: 0.04em;
      margin-top: 1px;
    }

    /* ---- SERIES BANNER ---- */
    .dd-hijacked-series-banner {
      background: var(--burgundy);
      border-bottom: 2px solid var(--gold);
      padding: 10px 40px;
      display: flex;
      align-items: center;
      gap: 14px;
      text-decoration: none;
      transition: background 0.2s;
    }
    .dd-hijacked-series-banner:hover { background: var(--burgundy-light); }
    .dd-hijacked-series-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: var(--gold);
      white-space: nowrap;
    }
    .dd-hijacked-series-rule {
      flex: 1;
      height: 1px;
      background: #C9A84C55;
    }
    .dd-hijacked-series-title {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      color: var(--gold-light);
      font-size: 0.95rem;
      opacity: 0.85;
      white-space: nowrap;
    }
    .dd-hijacked-series-num {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.2em;
      color: var(--gold);
      opacity: 0.7;
      white-space: nowrap;
    }

    /* ---- HERO ---- */
    .dd-hijacked-hero {
      background: linear-gradient(160deg, var(--burgundy-dark) 0%, var(--burgundy) 60%, #8B2A3A 100%);
      padding: 70px 40px 60px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .dd-hijacked-hero::before {
      content: \'\';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width=\'60\' height=\'60\' viewBox=\'0 0 60 60\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'none\' fill-rule=\'evenodd\'%3E%3Cg fill=\'%23C9A84C\' fill-opacity=\'0.05\'%3E%3Cpath d=\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
    }
    .dd-hijacked-hero-ornament {
      color: var(--gold);
      font-size: 1.4rem;
      letter-spacing: 0.5em;
      opacity: 0.7;
      margin-bottom: 20px;
      display: block;
    }
    .dd-hijacked-hero-category {
      font-family: \'Cinzel\', serif;
      font-size: 0.72rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold-light);
      opacity: 0.85;
      margin-bottom: 18px;
    }
    .dd-hijacked-hero h1 {
      font-family: \'Cinzel\', serif;
      font-size: clamp(1.7rem, 4vw, 2.9rem);
      font-weight: 700;
      color: #FFFAF0;
      line-height: 1.22;
      max-width: 820px;
      margin: 0 auto 16px;
      letter-spacing: 0.02em;
    }
    .dd-hijacked-hero-subtitle {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      font-size: 1.25rem;
      color: var(--gold-light);
      opacity: 0.9;
      max-width: 640px;
      margin: 0 auto 30px;
    }
    .dd-hijacked-hero-rule { width: 80px; height: 2px; background: var(--gold); margin: 0 auto 24px; opacity: 0.7; }
    .dd-hijacked-hero-meta {
      font-family: \'EB Garamond\', serif;
      font-size: 0.9rem;
      color: #FFFAF088;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    /* ---- LAYOUT ---- */
    .dd-hijacked-content-wrap {
      max-width: 820px;
      margin: 0 auto;
      padding: 60px 30px 80px;
    }

    /* ---- IN BRIEF ---- */
    .dd-hijacked-in-brief {
      background: var(--burgundy-dark);
      border-left: 4px solid var(--gold);
      border-radius: 0 4px 4px 0;
      padding: 28px 32px;
      margin-bottom: 52px;
    }
    .dd-hijacked-in-brief-header {
      font-family: \'Cinzel\', serif;
      font-size: 0.7rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 14px;
    }
    .dd-hijacked-in-brief ul { list-style: none; padding: 0; }
    .dd-hijacked-in-brief ul li {
      color: #EDE4CC;
      font-size: 0.97rem;
      line-height: 1.7;
      padding-left: 20px;
      position: relative;
      margin-bottom: 6px;
    }
    .dd-hijacked-in-brief ul li::before {
      content: \'✦\';
      position: absolute;
      left: 0;
      color: var(--gold);
      font-size: 0.65rem;
      top: 5px;
    }

    /* ---- BODY TYPOGRAPHY ---- */
    .dd-hijacked-article-body h2 {
      font-family: \'Cinzel\', serif;
      font-size: 1.22rem;
      font-weight: 600;
      color: var(--burgundy);
      letter-spacing: 0.06em;
      text-transform: uppercase;
      margin: 52px 0 18px;
      padding-bottom: 10px;
      border-bottom: 1px solid var(--gold);
    }
    .dd-hijacked-article-body h2::before { content: \'✦  \'; color: var(--gold); font-size: 0.7rem; }

    .dd-hijacked-article-body p { margin-bottom: 1.5em; font-size: 1.02rem; }

    .dd-hijacked-article-body > p:first-of-type::first-letter {
      font-family: \'Cinzel\', serif;
      font-size: 4.2rem;
      line-height: 0.8;
      float: left;
      margin-right: 8px;
      margin-top: 8px;
      color: var(--burgundy);
      font-weight: 700;
    }

    /* ---- CALLOUT BOXES ---- */
    .dd-hijacked-callout { margin: 40px 0; padding: 26px 30px; border-radius: 2px; }

    .dd-hijacked-callout-quote {
      background: var(--cream-dark);
      border-left: 4px solid var(--burgundy);
      font-style: italic;
      font-size: 1.08rem;
      color: var(--text-mid);
    }
    .dd-hijacked-callout-quote .dd-hijacked-attribution {
      display: block;
      margin-top: 12px;
      font-style: normal;
      font-family: \'Cinzel\', serif;
      font-size: 0.72rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--burgundy);
    }

    .dd-hijacked-callout-key {
      background: #F0EAD5;
      border: 1px solid var(--gold);
      border-top: 3px solid var(--gold);
    }
    .dd-hijacked-callout-key .dd-hijacked-callout-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 10px;
      display: block;
    }
    .dd-hijacked-callout-key p { margin-bottom: 0 !important; font-size: 0.97rem; color: var(--text-mid); }

    .dd-hijacked-callout-evidence {
      background: #F5EFE2;
      border: 1px solid #C9A84C55;
      border-left: 4px solid var(--burgundy-light);
    }
    .dd-hijacked-callout-evidence .dd-hijacked-callout-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--burgundy);
      margin-bottom: 10px;
      display: block;
    }
    .dd-hijacked-callout-evidence ul { padding-left: 20px; margin: 0; }
    .dd-hijacked-callout-evidence ul li {
      font-size: 0.97rem;
      color: var(--text-mid);
      margin-bottom: 8px;
      line-height: 1.65;
    }

    /* ---- TIMELINE ---- */
    .dd-hijacked-timeline {
      margin: 44px 0;
      border-left: 3px solid var(--gold);
      padding-left: 0;
    }
    .dd-hijacked-timeline-item {
      display: flex;
      gap: 0;
      margin-bottom: 0;
    }
    .dd-hijacked-timeline-marker {
      flex-shrink: 0;
      width: 44px;
      margin-left: -23px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .dd-hijacked-timeline-dot {
      width: 14px;
      height: 14px;
      background: var(--burgundy);
      border: 2px solid var(--gold);
      border-radius: 50%;
      margin-top: 6px;
      flex-shrink: 0;
    }
    .dd-hijacked-timeline-content {
      background: #F5EFE2;
      border: 1px solid #C9A84C44;
      border-radius: 3px;
      padding: 16px 20px;
      margin-bottom: 18px;
      margin-left: 16px;
      flex: 1;
    }
    .dd-hijacked-timeline-date {
      font-family: \'Cinzel\', serif;
      font-size: 0.7rem;
      letter-spacing: 0.2em;
      color: var(--gold);
      text-transform: uppercase;
      margin-bottom: 4px;
    }
    .dd-hijacked-timeline-text {
      font-size: 0.97rem;
      color: var(--text-mid);
      margin: 0;
      line-height: 1.65;
    }

    /* ---- NEXT ARTICLE BOX ---- */
    .dd-hijacked-next-article {
      background: linear-gradient(135deg, var(--burgundy-dark) 0%, var(--burgundy) 100%);
      border: 1px solid var(--gold);
      border-left: 5px solid var(--gold);
      padding: 30px 34px;
      margin-top: 56px;
      border-radius: 3px;
    }
    .dd-hijacked-next-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 12px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .dd-hijacked-next-label::after {
      content: \'\';
      flex: 1;
      height: 1px;
      background: #C9A84C55;
    }
    .dd-hijacked-next-title {
      font-family: \'Cinzel\', serif;
      font-size: 1.15rem;
      font-weight: 600;
      color: #FFFAF0;
      line-height: 1.3;
      margin-bottom: 10px;
    }
    .dd-hijacked-next-desc {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      font-size: 1rem;
      color: var(--gold-light);
      opacity: 0.85;
      margin-bottom: 18px;
      line-height: 1.7;
    }
    .dd-hijacked-next-link {
      display: inline-block;
      font-family: \'Cinzel\', serif;
      font-size: 0.7rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--cream);
      background: transparent;
      border: 1px solid var(--gold);
      padding: 8px 20px;
      text-decoration: none;
      transition: background 0.2s, color 0.2s;
    }
    .dd-hijacked-next-link:hover { background: var(--gold); color: var(--burgundy-dark); }

    /* ---- ORNAMENTAL DIVIDER ---- */
    .dd-hijacked-ornament-divider {
      text-align: center;
      color: var(--gold);
      font-size: 1rem;
      letter-spacing: 0.6em;
      margin: 50px 0;
      opacity: 0.7;
    }

    /* ---- CONCLUSION BLOCK ---- */
    .dd-hijacked-conclusion-block {
      background: var(--burgundy-dark);
      color: var(--cream);
      padding: 36px 40px;
      border-radius: 3px;
      margin-top: 52px;
      position: relative;
    }
    .dd-hijacked-conclusion-block::before {
      content: \'\\201C\';
      font-family: \'EB Garamond\', serif;
      font-size: 6rem;
      color: var(--gold);
      opacity: 0.3;
      position: absolute;
      top: -10px;
      left: 16px;
      line-height: 1;
    }
    .dd-hijacked-conclusion-block p {
      font-style: italic;
      font-size: 1.08rem;
      line-height: 1.85;
      position: relative;
      z-index: 1;
      margin-bottom: 0 !important;
    }

    /* ---- FOOTER ---- */
    .dd-hijacked-article-footer {
      border-top: 1px solid var(--gold);
      margin-top: 60px;
      padding-top: 24px;
      text-align: center;
      font-family: \'Cinzel\', serif;
      font-size: 0.72rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--text-light);
    }
    .dd-hijacked-footer-cross { color: var(--burgundy); font-size: 1.1rem; display: block; margin-bottom: 8px; }

    @media (max-width: 600px) {
      .dd-hijacked-masthead, .dd-hijacked-series-banner { padding: 14px 18px; }
      .dd-hijacked-hero { padding: 50px 18px 44px; }
      .dd-hijacked-content-wrap { padding: 40px 18px 60px; }
      .dd-hijacked-in-brief, .dd-hijacked-callout, .dd-hijacked-conclusion-block, .dd-hijacked-next-article { padding: 22px 18px; }
      .dd-hijacked-series-title, .dd-hijacked-series-num { display: none; }
    }

/* === ott === */
.dd-ott-wrap {
  font-family: \'EB Garamond\', Georgia, serif;
  font-size: 19px;
  line-height: 1.85;
  color: #2A1A0E;
}

    .dd-ott-wrap {
      --burgundy: #6B1A2A;
      --burgundy-dark: #4A1019;
      --burgundy-light: #8B2A3A;
      --gold: #C9A84C;
      --gold-light: #E2C47A;
      --cream: #F9F4E8;
      --cream-dark: #EDE4CC;
      --text-dark: #2A1A0E;
      --text-mid: #4A3728;
      --text-light: #7A6050;
      --rule: #C9A84C;
    }

    /* (universal reset scoped to avoid global impact) */

    /* ---- MASTHEAD ---- */
    .dd-ott-masthead {
      background-color: var(--burgundy-dark);
      border-bottom: 3px solid var(--gold);
      padding: 18px 40px;
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .dd-ott-masthead-cross {
      font-size: 26px;
      color: var(--gold);
      line-height: 1;
    }
    .dd-ott-masthead-title {
      font-family: \'Cinzel\', serif;
      font-size: 1.45rem;
      color: var(--gold-light);
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .dd-ott-masthead-subtitle {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      color: #C8A87099;
      font-size: 0.9rem;
      letter-spacing: 0.04em;
      margin-top: 1px;
    }

    /* ---- HERO ---- */
    .dd-ott-hero {
      background: linear-gradient(160deg, var(--burgundy-dark) 0%, var(--burgundy) 60%, #8B2A3A 100%);
      padding: 70px 40px 60px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .dd-ott-hero::before {
      content: \'\';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width=\'60\' height=\'60\' viewBox=\'0 0 60 60\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'none\' fill-rule=\'evenodd\'%3E%3Cg fill=\'%23C9A84C\' fill-opacity=\'0.05\'%3E%3Cpath d=\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
    }
    .dd-ott-hero-ornament {
      color: var(--gold);
      font-size: 1.4rem;
      letter-spacing: 0.5em;
      opacity: 0.7;
      margin-bottom: 20px;
      display: block;
    }
    .dd-ott-hero-category {
      font-family: \'Cinzel\', serif;
      font-size: 0.72rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold-light);
      opacity: 0.85;
      margin-bottom: 18px;
    }
    .dd-ott-hero h1 {
      font-family: \'Cinzel\', serif;
      font-size: clamp(1.7rem, 4vw, 2.9rem);
      font-weight: 700;
      color: #FFFAF0;
      line-height: 1.22;
      max-width: 820px;
      margin: 0 auto 16px;
      letter-spacing: 0.02em;
    }
    .dd-ott-hero-subtitle {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      font-size: 1.25rem;
      color: var(--gold-light);
      opacity: 0.9;
      max-width: 600px;
      margin: 0 auto 30px;
    }
    .dd-ott-hero-rule {
      width: 80px;
      height: 2px;
      background: var(--gold);
      margin: 0 auto 24px;
      opacity: 0.7;
    }
    .dd-ott-hero-meta {
      font-family: \'EB Garamond\', serif;
      font-size: 0.9rem;
      color: #FFFAF088;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    /* ---- LAYOUT ---- */
    .dd-ott-content-wrap {
      max-width: 820px;
      margin: 0 auto;
      padding: 60px 30px 80px;
    }

    /* ---- IN BRIEF ---- */
    .dd-ott-in-brief {
      background: var(--burgundy-dark);
      border-left: 4px solid var(--gold);
      border-radius: 0 4px 4px 0;
      padding: 28px 32px;
      margin-bottom: 52px;
    }
    .dd-ott-in-brief-header {
      font-family: \'Cinzel\', serif;
      font-size: 0.7rem;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 14px;
    }
    .dd-ott-in-brief ul {
      list-style: none;
      padding: 0;
    }
    .dd-ott-in-brief ul li {
      color: #EDE4CC;
      font-size: 0.97rem;
      line-height: 1.7;
      padding-left: 20px;
      position: relative;
      margin-bottom: 6px;
    }
    .dd-ott-in-brief ul li::before {
      content: \'✦\';
      position: absolute;
      left: 0;
      color: var(--gold);
      font-size: 0.65rem;
      top: 5px;
    }

    /* ---- BODY TYPOGRAPHY ---- */
    .dd-ott-article-body h2 {
      font-family: \'Cinzel\', serif;
      font-size: 1.22rem;
      font-weight: 600;
      color: var(--burgundy);
      letter-spacing: 0.06em;
      text-transform: uppercase;
      margin: 52px 0 18px;
      padding-bottom: 10px;
      border-bottom: 1px solid var(--gold);
    }
    .dd-ott-article-body h2::before {
      content: \'✦  \';
      color: var(--gold);
      font-size: 0.7rem;
    }

    .dd-ott-article-body p {
      margin-bottom: 1.5em;
      font-size: 1.02rem;
    }

    .dd-ott-article-body > p:first-of-type::first-letter {
      font-family: \'Cinzel\', serif;
      font-size: 4.2rem;
      line-height: 0.8;
      float: left;
      margin-right: 8px;
      margin-top: 8px;
      color: var(--burgundy);
      font-weight: 700;
    }

    /* ---- CALLOUT BOXES ---- */
    .dd-ott-callout {
      margin: 40px 0;
      padding: 26px 30px;
      border-radius: 2px;
    }
    .dd-ott-callout-quote {
      background: var(--cream-dark);
      border-left: 4px solid var(--burgundy);
      font-style: italic;
      font-size: 1.08rem;
      color: var(--text-mid);
    }
    .dd-ott-callout-quote .dd-ott-attribution {
      display: block;
      margin-top: 12px;
      font-style: normal;
      font-family: \'Cinzel\', serif;
      font-size: 0.72rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--burgundy);
    }
    .dd-ott-callout-key {
      background: #F0EAD5;
      border: 1px solid var(--gold);
      border-top: 3px solid var(--gold);
    }
    .dd-ott-callout-key .dd-ott-callout-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 10px;
      display: block;
    }
    .dd-ott-callout-key p {
      margin-bottom: 0 !important;
      font-size: 0.97rem;
      color: var(--text-mid);
    }
    .dd-ott-callout-evidence {
      background: #F5EFE2;
      border: 1px solid #C9A84C55;
      border-left: 4px solid var(--burgundy-light);
    }
    .dd-ott-callout-evidence .dd-ott-callout-label {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: var(--burgundy);
      margin-bottom: 10px;
      display: block;
    }
    .dd-ott-callout-evidence ul {
      padding-left: 20px;
      margin: 0;
    }
    .dd-ott-callout-evidence ul li {
      font-size: 0.97rem;
      color: var(--text-mid);
      margin-bottom: 8px;
      line-height: 1.65;
    }

    /* ---- ORNAMENTAL DIVIDER ---- */
    .dd-ott-ornament-divider {
      text-align: center;
      color: var(--gold);
      font-size: 1rem;
      letter-spacing: 0.6em;
      margin: 50px 0;
      opacity: 0.7;
    }

    /* ---- CONCLUSION BLOCK ---- */
    .dd-ott-conclusion-block {
      background: var(--burgundy-dark);
      color: var(--cream);
      padding: 36px 40px;
      border-radius: 3px;
      margin-top: 52px;
      position: relative;
    }
    .dd-ott-conclusion-block::before {
      content: \'\\201C\';
      font-family: \'EB Garamond\', serif;
      font-size: 6rem;
      color: var(--gold);
      opacity: 0.3;
      position: absolute;
      top: -10px;
      left: 16px;
      line-height: 1;
    }
    .dd-ott-conclusion-block p {
      font-style: italic;
      font-size: 1.08rem;
      line-height: 1.85;
      position: relative;
      z-index: 1;
      margin-bottom: 0 !important;
    }

    /* ---- FOOTER ---- */
    .dd-ott-article-footer {
      border-top: 1px solid var(--gold);
      margin-top: 60px;
      padding-top: 24px;
      text-align: center;
      font-family: \'Cinzel\', serif;
      font-size: 0.72rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--text-light);
    }
    .dd-ott-footer-cross {
      color: var(--burgundy);
      font-size: 1.1rem;
      display: block;
      margin-bottom: 8px;
    }

    @media (max-width: 600px) {
      .dd-ott-masthead { padding: 14px 18px; }
      .dd-ott-hero { padding: 50px 18px 44px; }
      .dd-ott-content-wrap { padding: 40px 18px 60px; }
      .dd-ott-in-brief { padding: 22px 20px; }
      .dd-ott-callout { padding: 20px 18px; }
      .dd-ott-conclusion-block { padding: 28px 22px; }
    }

');
}

// ── Liturgical Movement Hub Styles ──
add_action('wp_enqueue_scripts', 'dd_enqueue_lm_styles');
function dd_enqueue_lm_styles() {
    if (!is_page(2406)) return;
    wp_enqueue_style('dd-google-fonts', 'https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap', array(), null);
    wp_register_style('dd-lm-series', false, array(), '1.0');
    wp_enqueue_style('dd-lm-series');
    wp_add_inline_style('dd-lm-series', '/* ── Domus Dei Liturgical Movement Hub — Scoped CSS ── */

.dd-lm-wrap {
  font-family: \'EB Garamond\', Georgia, serif;
  font-size: 19px;
  line-height: 1.85;
  color: #2A1A0E;
}

    .dd-lm-wrap {
      --burgundy: #6B1A2A;
      --burgundy-dark: #4A1019;
      --burgundy-light: #8B2A3A;
      --gold: #C9A84C;
      --gold-light: #E2C47A;
      --cream: #F9F4E8;
      --cream-dark: #EDE4CC;
      --text-dark: #2A1A0E;
      --text-mid: #4A3728;
      --text-light: #7A6050;
    }

    /* ---- HERO ---- */
    .dd-lm-hero {
      background: linear-gradient(170deg, #1A0A0E 0%, #2E0E18 40%, var(--burgundy-dark) 100%);
      padding: 80px 40px 70px;
      text-align: center;
      position: relative;
      overflow: hidden;
      border-bottom: 3px solid var(--gold);
    }
    .dd-lm-hero::before {
      content: \'\';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg width=\'80\' height=\'80\' viewBox=\'0 0 80 80\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'%23C9A84C\' fill-opacity=\'0.03\'%3E%3Cpath d=\'M40 0L80 40L40 80L0 40z\'/%3E%3C/g%3E%3C/svg%3E");
      pointer-events: none;
    }
    .dd-lm-hero-eyebrow {
      font-family: \'Cinzel\', serif;
      font-size: 0.68rem;
      letter-spacing: 0.4em;
      text-transform: uppercase;
      color: var(--gold);
      opacity: 0.7;
      margin-bottom: 20px;
      position: relative;
      z-index: 1;
    }
    .dd-lm-hero h1 {
      font-family: \'Cinzel\', serif;
      font-size: clamp(2.4rem, 6vw, 4.2rem);
      font-weight: 700;
      color: #FFFAF0;
      letter-spacing: 0.08em;
      line-height: 1.1;
      position: relative;
      z-index: 1;
      margin-bottom: 6px;
    }
    .dd-lm-hero-sub {
      font-family: \'Cinzel\', serif;
      font-size: clamp(0.8rem, 2vw, 1rem);
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gold);
      opacity: 0.6;
      position: relative;
      z-index: 1;
      margin-bottom: 28px;
    }
    .dd-lm-hero-rule {
      width: 120px;
      height: 1px;
      background: linear-gradient(to right, transparent, var(--gold), transparent);
      margin: 0 auto 24px;
      position: relative;
      z-index: 1;
    }
    .dd-lm-hero-statement {
      font-family: \'EB Garamond\', serif;
      font-style: italic;
      font-size: clamp(1rem, 2.5vw, 1.22rem);
      color: var(--gold-light);
      opacity: 0.88;
      max-width: 680px;
      margin: 0 auto;
      line-height: 1.75;
      position: relative;
      z-index: 1;
    }

    /* ---- LAYOUT ---- */
    .dd-lm-content-wrap {
      max-width: 1040px;
      margin: 0 auto;
      padding: 0 30px 90px;
    }

    /* ---- SECTION HEADERS ---- */
    .dd-lm-section-header {
      display: flex;
      align-items: center;
      gap: 16px;
      margin: 64px 0 28px;
    }
    .dd-lm-section-header-icon { font-size: 1.3rem; color: var(--gold); flex-shrink: 0; }
    .dd-lm-section-header-text { flex: 1; border-bottom: 1px solid var(--gold); padding-bottom: 10px; }
    .dd-lm-section-eyebrow { font-family: \'Cinzel\', serif; font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); margin-bottom: 3px; }
    .dd-lm-section-title { font-family: \'Cinzel\', serif; font-size: 1.15rem; font-weight: 600; color: var(--burgundy); letter-spacing: 0.04em; }

    /* ---- ORIENTING TEXT ---- */
    .dd-lm-orienting-text { max-width: 760px; margin: 0 auto 52px; text-align: center; padding-top: 52px; }
    .dd-lm-orienting-label { font-family: \'Cinzel\', serif; font-size: 0.65rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 14px; }
    .dd-lm-orienting-label::before, .dd-lm-orienting-label::after { content: \'\'; width: 40px; height: 1px; background: var(--gold); opacity: 0.4; }
    .dd-lm-orienting-text p { font-size: 1.04rem; color: var(--text-mid); line-height: 1.9; margin-bottom: 1.3em; }
    .dd-lm-orienting-text p:last-child { margin-bottom: 0; }

    /* ---- TIMELINE FEATURE ---- */
    .dd-lm-timeline-feature {
      background: linear-gradient(135deg, var(--burgundy-dark) 0%, #3A1020 100%);
      border: 1px solid var(--gold);
      border-radius: 4px;
      padding: 40px 44px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 40px;
      gap: 36px;
      align-items: center;
      margin-bottom: 20px;
      position: relative;
      overflow: hidden;
      transition: border-color 0.2s;
    }
    .dd-lm-timeline-feature::before { content: \'\'; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(to right, var(--gold), var(--gold-light), var(--gold)); }
    .dd-lm-timeline-feature:hover { border-color: var(--gold-light); }
    .dd-lm-timeline-feature-eyebrow { font-family: \'Cinzel\', serif; font-size: 0.62rem; letter-spacing: 0.32em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }
    .dd-lm-timeline-feature-title { font-family: \'Cinzel\', serif; font-size: 1.35rem; font-weight: 600; color: #FFFAF0; line-height: 1.3; margin-bottom: 12px; }
    .dd-lm-timeline-feature-desc { font-family: \'EB Garamond\', serif; font-style: italic; font-size: 1rem; color: var(--gold-light); opacity: 0.85; line-height: 1.7; margin-bottom: 20px; }
    .dd-lm-timeline-feature-nodes { display: flex; gap: 0; flex-wrap: wrap; margin-bottom: 22px; }
    .dd-lm-timeline-node { font-family: \'Cinzel\', serif; font-size: 0.6rem; letter-spacing: 0.1em; color: var(--cream); background: #FFFFFF14; border: 1px solid #C9A84C44; padding: 3px 10px; margin: 0 6px 6px 0; border-radius: 2px; opacity: 0.8; }
    .dd-lm-timeline-cta { display: inline-block; font-family: \'Cinzel\', serif; font-size: 0.68rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--cream); border: 1px solid var(--gold); padding: 9px 22px; text-decoration: none; transition: background 0.2s, color 0.2s; }
    .dd-lm-timeline-cta:hover { background: var(--gold); color: var(--burgundy-dark); }
    .dd-lm-timeline-feature-visual { display: flex; flex-direction: column; align-items: center; gap: 6px; opacity: 0.35; flex-shrink: 0; width: 40px; }
    .dd-lm-timeline-vis-line { width: 2px; height: 36px; background: var(--gold); }
    .dd-lm-timeline-vis-dot { width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--gold); background: transparent; }
    .dd-lm-timeline-vis-dot.filled { background: var(--gold); }

    /* ---- SERIES FEATURE ---- */
    .dd-lm-series-feature {
      background: var(--cream-dark);
      border: 1px solid #C9A84C55;
      border-top: 3px solid var(--burgundy);
      border-radius: 2px;
      padding: 32px 36px;
      margin-bottom: 16px;
      display: block;
      transition: border-top-color 0.2s, background 0.2s;
    }
    .dd-lm-series-feature:hover { border-top-color: var(--gold); background: #EDE4CC; }
    .dd-lm-series-feature-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
    .dd-lm-series-feature-eyebrow { font-family: \'Cinzel\', serif; font-size: 0.62rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); margin-bottom: 6px; }
    .dd-lm-series-feature-title { font-family: \'Cinzel\', serif; font-size: 1.18rem; font-weight: 600; color: var(--burgundy); line-height: 1.3; letter-spacing: 0.02em; }
    .dd-lm-series-feature-badge { font-family: \'Cinzel\', serif; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--burgundy); border: 1px solid var(--burgundy); padding: 3px 10px; white-space: nowrap; flex-shrink: 0; opacity: 0.6; }
    .dd-lm-series-feature-desc { font-family: \'EB Garamond\', serif; font-size: 0.98rem; color: var(--text-mid); line-height: 1.7; margin-bottom: 16px; }
    .dd-lm-series-feature-articles { display: flex; gap: 10px; flex-wrap: wrap; }
    .dd-lm-article-pill { font-family: \'EB Garamond\', serif; font-size: 0.88rem; font-style: italic; color: var(--text-mid); background: #F5EFE2; border: 1px solid #C9A84C44; padding: 4px 12px; border-radius: 2px; }
    .dd-lm-article-pill.published { border-left: 3px solid var(--burgundy); }

    /* ---- RESOURCE GRID ---- */
    .dd-lm-resource-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-top: 4px; }
    .dd-lm-resource-card { background: #F5EFE2; border: 1px solid #C9A84C33; border-radius: 2px; padding: 22px 24px; text-decoration: none; display: block; transition: border-color 0.2s, background 0.2s; }
    .dd-lm-resource-card:hover { border-color: var(--gold); background: var(--cream-dark); }
    .dd-lm-resource-card.forthcoming { border: 1px dashed #C9A84C55; opacity: 0.6; cursor: default; }
    .dd-lm-resource-card.forthcoming:hover { border-color: #C9A84C55; background: #F5EFE2; }
    .dd-lm-resource-type { font-family: \'Cinzel\', serif; font-size: 0.58rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--gold); margin-bottom: 8px; }
    .dd-lm-resource-title { font-family: \'Cinzel\', serif; font-size: 0.92rem; font-weight: 600; color: var(--burgundy); line-height: 1.35; margin-bottom: 8px; letter-spacing: 0.02em; }
    .dd-lm-resource-desc { font-family: \'EB Garamond\', serif; font-size: 0.9rem; color: var(--text-light); line-height: 1.6; }
    .dd-lm-forthcoming-tag { font-family: \'Cinzel\', serif; font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); border: 1px solid var(--gold); padding: 2px 7px; display: inline-block; margin-bottom: 8px; opacity: 0.7; }

    /* ---- POSTURE BOX ---- */
    .dd-lm-posture-box { background: var(--burgundy-dark); border-left: 4px solid var(--gold); padding: 32px 38px; margin: 64px 0 0; border-radius: 0 3px 3px 0; }
    .dd-lm-posture-label { font-family: \'Cinzel\', serif; font-size: 0.65rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold); margin-bottom: 14px; }
    .dd-lm-posture-box p { font-style: italic; font-size: 0.98rem; color: #EDE4CC; line-height: 1.85; margin-bottom: 1em; }
    .dd-lm-posture-box p:last-child { margin-bottom: 0; }

    @media (max-width: 700px) {
      .dd-lm-hero { padding: 56px 18px 50px; }
      .dd-lm-content-wrap { padding: 0 18px 60px; }
      .dd-lm-timeline-feature { grid-template-columns: 1fr; padding: 28px 22px; }
      .dd-lm-timeline-feature-visual { display: none; }
      .dd-lm-series-feature { padding: 24px 20px; }
      .dd-lm-posture-box { padding: 24px 22px; }
      .dd-lm-resource-grid { grid-template-columns: 1fr; }
    }');
}

.hp-site-logo {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  padding-right: 28px !important;
  font-family: 'Cinzel', serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #F5F0E6 !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  padding-top: 8px !important;
  gap: 12px !important;
  text-decoration: none !important;
}
.hp-nav-links {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.hp-nav-cluster-labels {
  display: flex !important;
  align-items: center !important;
  padding: 6px 0 0 !important;
  list-style: none !important;
  pointer-events: none !important;
  width: 100% !important;
}
.hp-nav-clabel {
  font-family: 'Cinzel', serif !important;
  font-size: 0.54rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: #C9A227 !important;
  opacity: 0.65 !important;
  flex: 1 1 0 !important;
  text-align: center !important;
}
.hp-nav-clabel:nth-child(1) { text-align: left !important; }
.hp-nav-clabel:nth-child(3) { text-align: right !important; }
.hp-nav-row-wrap { list-style: none !important; display: block !important; }
.hp-nav-row1-wrap { border-bottom: 1px solid rgba(201,162,39,0.12) !important; }
.hp-nav-row-inner {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 4px 0 !important;
}
.hp-nav-zone { display: flex !important; align-items: center !important; }
.hp-nav-link {
  font-family: 'Cinzel', serif !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(237,228,204,0.95) !important;
  text-decoration: none !important;
  padding: 6px 13px !important;
  white-space: nowrap !important;
  display: block !important;
  transition: color 0.15s !important;
}
.hp-nav-link:hover { color: #D4B848 !important; }
.hp-nav-deep { color: #C9A227 !important; }
.hp-nav-deep:hover { color: #D4B848 !important; }
.hp-nav-pip {
  background: transparent !important;
  flex: 1 1 auto !important;
  min-width: 40px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 4px !important;
}
.hp-nav-pip::after {
  content: '' !important;
  display: block !important;
  width: 1px !important;
  height: 18px !important;
  background: #C9A227 !important;
  opacity: 0.28 !important;
}
.hp-nav-spacer { flex: 1 !important; }
.hp-nav-gold-sep {
  width: 1px !important;
  height: 18px !important;
  background: #C9A227 !important;
  opacity: 0.5 !important;
  flex-shrink: 0 !important;
  margin: 0 16px !important;
  display: block !important;
}
.hp-nav-audio-standalone {
  position: absolute !important;
  bottom: 5px !important;
  left: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  opacity: 0.72 !important;
  transition: opacity 0.15s !important;
}
.hp-nav-audio-standalone:hover { opacity: 1 !important; }
.hp-nav-audio { display: none !important; }
.hp-nav-audio-ring {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 1px solid #C9A227 !important;
  background: rgba(201,162,39,0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.hp-nav-audio-standalone:hover .hp-nav-audio-ring { background: rgba(201,162,39,0.22) !important; }
.hp-nav-audio-label {
  font-family: 'Cinzel', serif !important;
  font-size: 0.41rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #C9A227 !important;
  line-height: 1.4 !important;
}
.hp-tool-blog-link {
  font-family: 'Cinzel', serif !important;
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #4A1019 !important;
  background: #C9A227 !important;
  padding: 5px 14px !important;
  border-radius: 2px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  display: block !important;
}
.hp-tool-blog-link:hover { background: #D4B848 !important; }
CSS;
    wp_add_inline_style('dd-hp-nav-layout', $css);
}
.hp-site-logo {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  padding-right: 28px !important;
  font-family: \'Cinzel\', serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #F5F0E6 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}
.hp-site-logo .cross { color: #C9A227 !important; }
.hp-nav-links {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.hp-nav-cluster-labels {
  display: flex !important;
  align-items: center !important;
  padding: 6px 0 0 !important;
  list-style: none !important;
  pointer-events: none !important;
  width: 100% !important;
}
.hp-nav-clabel {
  font-family: \'Cinzel\', serif !important;
  font-size: 0.54rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: #C9A227 !important;
  opacity: 0.65 !important;
  text-align: center !important;
  flex: 1 1 0 !important;
}
.hp-nav-clabel:nth-child(1) { text-align: left !important; }
.hp-nav-clabel:nth-child(2) { text-align: center !important; }
.hp-nav-clabel:nth-child(3) { text-align: right !important; }
.hp-nav-row-wrap { list-style: none !important; display: block !important; }
.hp-nav-row1-wrap { border-bottom: 1px solid rgba(201,162,39,0.12) !important; }
.hp-nav-row-inner { display: flex !important; align-items: center !important; width: 100% !important; padding: 4px 0 !important; }
.hp-nav-zone { display: flex !important; align-items: center !important; gap: 0 !important; }
.hp-nav-link {
  font-family: \'Cinzel\', serif !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(237,228,204,0.95) !important;
  text-decoration: none !important;
  padding: 6px 13px !important;
  white-space: nowrap !important;
  display: block !important;
  transition: color 0.15s !important;
}
.hp-nav-link:hover { color: #D4B848 !important; }
.hp-nav-deep { color: #C9A227 !important; }
.hp-nav-deep:hover { color: #D4B848 !important; }
.hp-nav-pip {
  background: transparent !important;
  flex: 1 1 auto !important;
  min-width: 40px !important;
  height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  margin: 0 8px !important;
}
.hp-nav-pip::after {
  content: \'\'  !important;
  display: block !important;
  width: 1px !important;
  height: 18px !important;
  background: #C9A227 !important;
  opacity: 0.28 !important;
}
.hp-nav-pip-sm { height: 14px !important; opacity: 0.18 !important; }
.hp-nav-spacer { flex: 1 !important; }
.hp-nav-gold-sep { width: 1px !important; height: 18px !important; background: #C9A227 !important; opacity: 0.5 !important; flex-shrink: 0 !important; margin: 0 16px !important; display: block !important; }
.hp-nav-audio { display: flex !important; align-items: center !important; gap: 8px !important; cursor: pointer !important; padding: 0 28px 0 0 !important; opacity: 0.72 !important; flex: 0 0 211px !important; }
.hp-nav-audio:hover { opacity: 1 !important; }
.hp-nav-audio-ring { width: 24px !important; height: 24px !important; border-radius: 50% !important; border: 1px solid #C9A227 !important; background: rgba(201,162,39,0.08) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.hp-nav-audio-label { font-family: \'Cinzel\', serif !important; font-size: 0.41rem !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #C9A227 !important; line-height: 1.4 !important; }');
}<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Domus Dei</title>
    <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
    <title>Domus Dei &#8211; Defending, Teaching, and Evangelizing the Catholic Faith.</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel="alternate" type="application/rss+xml" title="Domus Dei &raquo; Feed" href="https://domvsdei.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="Domus Dei &raquo; Comments Feed" href="https://domvsdei.com/comments/feed/" />
			<script>document.documentElement.classList.remove( 'no-js' );</script>
			<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://domvsdei.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdomvsdei.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://domvsdei.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fdomvsdei.com%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-emoji-styles-inline-css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id='wp-block-library-inline-css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='wp-block-heading-inline-css'>
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://domvsdei.com/wp-includes/blocks/heading/style.min.css */
</style>
<style id='wp-block-paragraph-inline-css'>
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://domvsdei.com/wp-includes/blocks/paragraph/style.min.css */
</style>

<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='wc-blocks-style-css' href='https://domvsdei.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.6.1' media='all' />

<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--theme-palette-1: var(--global-palette1);--wp--preset--color--theme-palette-2: var(--global-palette2);--wp--preset--color--theme-palette-3: var(--global-palette3);--wp--preset--color--theme-palette-4: var(--global-palette4);--wp--preset--color--theme-palette-5: var(--global-palette5);--wp--preset--color--theme-palette-6: var(--global-palette6);--wp--preset--color--theme-palette-7: var(--global-palette7);--wp--preset--color--theme-palette-8: var(--global-palette8);--wp--preset--color--theme-palette-9: var(--global-palette9);--wp--preset--color--theme-palette-10: var(--global-palette10);--wp--preset--color--theme-palette-11: var(--global-palette11);--wp--preset--color--theme-palette-12: var(--global-palette12);--wp--preset--color--theme-palette-13: var(--global-palette13);--wp--preset--color--theme-palette-14: var(--global-palette14);--wp--preset--color--theme-palette-15: var(--global-palette15);--wp--preset--color--kb-palette-1: #000000;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: var(--global-font-size-small);--wp--preset--font-size--medium: var(--global-font-size-medium);--wp--preset--font-size--large: var(--global-font-size-large);--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--larger: var(--global-font-size-larger);--wp--preset--font-size--xxlarge: var(--global-font-size-xxlarge);--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--cardo: Cardo;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='domusdei-propers-ui-fonts-css' href='https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,600;1,400&#038;family=Cardo:wght@400;700&#038;family=Lora:wght@400;600&#038;display=swap' media='all' />
<link rel='stylesheet' id='domusdei-propers-ui-css-css' href='https://domvsdei.com/wp-content/plugins/domusdei-propers-ui/assets/css/dd-style.css?ver=1761701864' media='all' />
<style id='woocommerce-inline-inline-css'>
.woocommerce form .form-row .required { visibility: visible; }
/*# sourceURL=woocommerce-inline-inline-css */
</style>
<link rel='stylesheet' id='kadence-global-css' href='https://domvsdei.com/wp-content/themes/kadence/assets/css/global.min.css?ver=1.4.5' media='all' />
<style id='kadence-global-inline-css'>
/* Kadence Base CSS */
:root{--global-palette1:#feb92b;--global-palette2:#44563c;--global-palette3:#e5e0e0;--global-palette4:#feb92b;--global-palette5:#d70d0d;--global-palette6:#f6f6f6;--global-palette7:#ffffff;--global-palette8:#111211;--global-palette9:#000000;--global-palette10:#fff8f8;--global-palette11:#13612e;--global-palette12:#1159af;--global-palette13:#b82105;--global-palette14:#f7630c;--global-palette15:#f5a524;--global-palette9rgb:0, 0, 0;--global-palette-highlight:var(--global-palette1);--global-palette-highlight-alt:var(--global-palette2);--global-palette-highlight-alt2:var(--global-palette9);--global-palette-btn-bg:var(--global-palette1);--global-palette-btn-bg-hover:var(--global-palette2);--global-palette-btn:var(--global-palette9);--global-palette-btn-hover:var(--global-palette9);--global-palette-btn-sec-bg:var(--global-palette7);--global-palette-btn-sec-bg-hover:var(--global-palette2);--global-palette-btn-sec:var(--global-palette3);--global-palette-btn-sec-hover:var(--global-palette9);--global-body-font-family:'Crimson Pro', serif;--global-heading-font-family:'Cinzel Decorative', cursive;--global-primary-nav-font-family:Inter, sans-serif;--global-fallback-font:sans-serif;--global-display-fallback-font:sans-serif;--global-content-width:1290px;--global-content-wide-width:calc(1290px + 230px);--global-content-narrow-width:842px;--global-content-edge-padding:1.5rem;--global-content-boxed-padding:2rem;--global-calc-content-width:calc(1290px - var(--global-content-edge-padding) - var(--global-content-edge-padding) );--wp--style--global--content-size:var(--global-calc-content-width);}.wp-site-blocks{--global-vw:calc( 100vw - ( 0.5 * var(--scrollbar-offset)));}body{background:var(--global-palette8);}body, input, select, optgroup, textarea{font-style:normal;font-weight:normal;font-size:18px;line-height:1.6;font-family:var(--global-body-font-family);color:#ffffff;}.content-bg, body.content-style-unboxed .site{background:var(--global-palette7);}h1,h2,h3,h4,h5,h6{font-family:var(--global-heading-font-family);}h1{font-style:normal;font-weight:700;font-size:50px;line-height:1.5;font-family:'Cinzel Decorative', var(--global-display-fallback-font);color:#feb92b;}h2{font-style:normal;font-weight:700;font-size:32px;line-height:1.5;font-family:'Cinzel Decorative', var(--global-display-fallback-font);color:#feb92b;}h3{font-style:normal;font-weight:700;font-size:24px;line-height:1.5;font-family:'Cinzel Decorative', var(--global-display-fallback-font);color:#feb92b;}h4{font-style:normal;font-weight:700;font-size:22px;line-height:1.5;font-family:'Cinzel Decorative', var(--global-display-fallback-font);color:#feb92b;}h5{font-style:normal;font-weight:normal;font-size:20px;line-height:1.5;font-family:'Cinzel Decorative', var(--global-display-fallback-font);color:#feb92b;}h6{font-style:normal;font-weight:normal;font-size:16px;line-height:1.5;letter-spacing:2px;font-family:'Cinzel Decorative', var(--global-display-fallback-font);color:#feb92b;}.entry-hero h1{font-style:normal;color:#feb92b;}.entry-hero .kadence-breadcrumbs, .entry-hero .search-form{font-style:normal;color:var(--global-palette4);}@media all and (max-width: 1024px){h1{font-size:44px;}h2{font-size:32px;}}@media all and (max-width: 767px){h1{font-size:40px;}}.entry-hero .kadence-breadcrumbs{max-width:1290px;}.site-container, .site-header-row-layout-contained, .site-footer-row-layout-contained, .entry-hero-layout-contained, .comments-area, .alignfull > .wp-block-cover__inner-container, .alignwide > .wp-block-cover__inner-container{max-width:var(--global-content-width);}.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container{max-width:var(--global-content-narrow-width);}@media all and (min-width: 1520px){.wp-site-blocks .content-container  .alignwide{margin-left:-115px;margin-right:-115px;width:unset;max-width:unset;}}@media all and (min-width: 1102px){.content-width-narrow .wp-site-blocks .content-container .alignwide{margin-left:-130px;margin-right:-130px;width:unset;max-width:unset;}}.content-style-boxed .wp-site-blocks .entry-content .alignwide{margin-left:calc( -1 * var( --global-content-boxed-padding ) );margin-right:calc( -1 * var( --global-content-boxed-padding ) );}.content-area{margin-top:5rem;margin-bottom:5rem;}@media all and (max-width: 1024px){.content-area{margin-top:3rem;margin-bottom:3rem;}}@media all and (max-width: 767px){.content-area{margin-top:2rem;margin-bottom:2rem;}}@media all and (max-width: 1024px){:root{--global-content-boxed-padding:2rem;}}@media all and (max-width: 767px){:root{--global-content-boxed-padding:1.5rem;}}.entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.entry-content-wrap{padding:1.5rem;}}.entry.single-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.entry.loop-entry{box-shadow:0px 15px 15px -10px rgba(0,0,0,0.05);}.loop-entry .entry-content-wrap{padding:2rem;}@media all and (max-width: 1024px){.loop-entry .entry-content-wrap{padding:2rem;}}@media all and (max-width: 767px){.loop-entry .entry-content-wrap{padding:1.5rem;}}button, .button, .wp-block-button__link, input[type="button"], input[type="reset"], input[type="submit"], .fl-button, .elementor-button-wrapper .elementor-button, .wc-block-components-checkout-place-order-button, .wc-block-cart__submit{font-style:normal;border-radius:40px;padding:18px 37px 18px 37px;box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}.wp-block-button.is-style-outline .wp-block-button__link{padding:18px 37px 18px 37px;}button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, .elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus, .elementor-button-wrapper .elementor-button:active, .wc-block-cart__submit:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.kb-button.kb-btn-global-outline.kb-btn-global-inherit{padding-top:calc(18px - 2px);padding-right:calc(37px - 2px);padding-bottom:calc(18px - 2px);padding-left:calc(37px - 2px);}button.button-style-secondary, .button.button-style-secondary, .wp-block-button__link.button-style-secondary, input[type="button"].button-style-secondary, input[type="reset"].button-style-secondary, input[type="submit"].button-style-secondary, .fl-button.button-style-secondary, .elementor-button-wrapper .elementor-button.button-style-secondary, .wc-block-components-checkout-place-order-button.button-style-secondary, .wc-block-cart__submit.button-style-secondary{font-style:normal;}@media all and (min-width: 1025px){.transparent-header .entry-hero .entry-hero-container-inner{padding-top:calc(0px + 80px);}}@media all and (max-width: 1024px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}@media all and (max-width: 767px){.mobile-transparent-header .entry-hero .entry-hero-container-inner{padding-top:80px;}}.entry-hero.page-hero-section .entry-header{min-height:200px;}.loop-entry.type-post h2.entry-title{font-style:normal;font-size:27px;line-height:1.2;color:var(--global-palette4);}
/* Kadence Header CSS */
@media all and (max-width: 1024px){.mobile-transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.kadence-scrollbar-fixer.mobile-transparent-header #masthead{right:var(--scrollbar-offset,0);}.mobile-transparent-header #masthead, .mobile-transparent-header .site-top-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-main-header-wrap .site-header-row-container-inner, .mobile-transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}.site-header-row-tablet-layout-fullwidth, .site-header-row-tablet-layout-standard{padding:0px;}}@media all and (min-width: 1025px){.transparent-header #masthead{position:absolute;left:0px;right:0px;z-index:100;}.transparent-header.kadence-scrollbar-fixer #masthead{right:var(--scrollbar-offset,0);}.transparent-header #masthead, .transparent-header .site-top-header-wrap .site-header-row-container-inner, .transparent-header .site-main-header-wrap .site-header-row-container-inner, .transparent-header .site-bottom-header-wrap .site-header-row-container-inner{background:transparent;}}.site-branding a.brand img{max-width:180px;}.site-branding a.brand img.svg-logo-image{width:180px;}.site-branding{padding:0px 50px 5px 50px;}@media all and (max-width: 1024px){.site-branding{padding:0px 0px 0px 0px;}}@media all and (max-width: 767px){.site-branding{padding:0px 0px 0px 0px;}}.site-branding .site-title{font-style:normal;font-weight:700;font-size:34px;line-height:1.2;font-family:var(--global-heading-font-family, inherit);text-transform:uppercase;color:var(--global-palette3);}#masthead, #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner{background:var(--global-palette9);}.site-main-header-wrap .site-header-row-container-inner{background:var(--global-palette9);}.site-main-header-inner-wrap{min-height:80px;}.site-main-header-wrap .site-header-row-container-inner>.site-container{padding:0px 0px 0px 0px;}.site-top-header-inner-wrap{min-height:0px;}@media all and (max-width: 767px){.site-top-header-inner-wrap{min-height:10px;}}.site-top-header-wrap .site-header-row-container-inner>.site-container{padding:20px 0px 0px 0px;}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after{width:calc( 100% - 5.16em);}.main-navigation .primary-menu-container > ul > li.menu-item > a{padding-left:calc(5.16em / 2);padding-right:calc(5.16em / 2);padding-top:0em;padding-bottom:0em;color:var(--global-palette3);}.main-navigation .primary-menu-container > ul > li.menu-item .dropdown-nav-special-toggle{right:calc(5.16em / 2);}.main-navigation .primary-menu-container > ul li.menu-item > a{font-style:normal;font-weight:500;font-size:18px;font-family:var(--global-primary-nav-font-family);}.main-navigation .primary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette1);}.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--global-palette1);}.header-navigation .header-menu-container ul ul.sub-menu, .header-navigation .header-menu-container ul ul.submenu{background:var(--global-palette3);box-shadow:0px 2px 13px 0px rgba(0,0,0,0.1);}.header-navigation .header-menu-container ul ul li.menu-item, .header-menu-container ul.menu > li.kadence-menu-mega-enabled > ul > li.menu-item > a{border-bottom:1px solid rgba(255,255,255,0.1);border-radius:0px 0px 0px 0px;}.header-navigation .header-menu-container ul ul li.menu-item > a{width:200px;padding-top:1em;padding-bottom:1em;color:var(--global-palette8);font-size:12px;}.header-navigation .header-menu-container ul ul li.menu-item > a:hover{color:var(--global-palette9);background:var(--global-palette4);border-radius:0px 0px 0px 0px;}.header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a{color:var(--global-palette9);background:var(--global-palette4);border-radius:0px 0px 0px 0px;}.mobile-toggle-open-container .menu-toggle-open, .mobile-toggle-open-container .menu-toggle-open:focus{color:var(--global-palette3);padding:0.4em 2em 0.4em 0.6em;font-size:14px;}.mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered{border:1px solid currentColor;}.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon{font-size:26px;}.mobile-toggle-open-container .menu-toggle-open:hover, .mobile-toggle-open-container .menu-toggle-open:focus-visible{color:var(--global-palette-highlight);}.mobile-navigation ul li{font-style:normal;font-weight:600;font-size:24px;line-height:1.2;font-family:'Playfair Display', serif;}@media all and (max-width: 767px){.mobile-navigation ul li{font-size:20px;}}.mobile-navigation ul li a{padding-top:1em;padding-bottom:1em;}.mobile-navigation ul li > a, .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette8);}.mobile-navigation ul li.current-menu-item > a, .mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette-highlight);}.mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, .mobile-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px solid rgba(255,255,255,0.1);}.mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid rgba(255,255,255,0.1);}#mobile-drawer .drawer-inner, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated.show-drawer .drawer-inner{background:var(--global-palette2);}@media all and (max-width: 767px){#mobile-drawer .drawer-inner, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg, #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated.show-drawer .drawer-inner{background:var(--global-palette3);}}#mobile-drawer .drawer-header .drawer-toggle{padding:0.6em 0.3em 0.6em 0.3em;font-size:40px;}
/* Kadence Footer CSS */
.site-middle-footer-wrap .site-footer-row-container-inner{background:var(--global-palette9);font-style:normal;color:var(--global-palette5);}.site-middle-footer-inner-wrap{padding-top:80px;padding-bottom:60px;grid-column-gap:80px;grid-row-gap:80px;}.site-middle-footer-inner-wrap .widget{margin-bottom:10px;}.site-middle-footer-inner-wrap .widget-area .widget-title{font-style:normal;font-size:18px;}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-80px / 2);}@media all and (max-width: 1024px){.site-middle-footer-inner-wrap{grid-column-gap:40px;grid-row-gap:40px;}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-40px / 2);}}@media all and (max-width: 767px){.site-middle-footer-inner-wrap{padding-top:50px;padding-bottom:50px;grid-column-gap:30px;grid-row-gap:30px;}.site-middle-footer-inner-wrap .widget{margin-bottom:30px;}.site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after{right:calc(-30px / 2);}}.site-bottom-footer-wrap .site-footer-row-container-inner{background:var(--global-palette9);font-style:normal;color:var(--global-palette5);border-top:1px solid var(--global-palette7);}.site-footer .site-bottom-footer-wrap a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)){color:var(--global-palette1);}.site-bottom-footer-inner-wrap{padding-top:10px;padding-bottom:10px;grid-column-gap:30px;}.site-bottom-footer-inner-wrap .widget{margin-bottom:30px;}.site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after{border-right:1px none var(--global-palette8);right:calc(-30px / 2);}@media all and (max-width: 1024px){.site-bottom-footer-inner-wrap{padding-top:20px;padding-bottom:25px;}}.footer-social-wrap .footer-social-inner-wrap{font-size:1em;gap:0.3em;}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button{color:var(--global-palette5);background:var(--global-palette7);border:2px none transparent;border-radius:3px;}.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button:hover{color:var(--global-palette4);background:var(--global-palette8);}
/* Kadence Woo CSS */
.woocommerce table.shop_table td.product-quantity{min-width:130px;}.entry-hero.product-hero-section .entry-header{min-height:200px;}.product-title .single-category{font-weight:700;font-size:32px;line-height:1.5;color:var(--global-palette3);}.wp-site-blocks .product-hero-section .extra-title{font-weight:700;font-size:32px;line-height:1.5;}.woocommerce div.product .product_title{font-style:normal;font-size:44px;line-height:1.2;color:var(--global-palette3);}@media all and (max-width: 767px){.woocommerce div.product .product_title{font-size:30px;}}.woocommerce div.product .product-single-category{font-style:normal;color:var(--global-palette4);}body.single-product{background:var(--global-palette8);}body.single-product .content-bg, body.content-style-unboxed.single-product .site{background:var(--global-palette9);}.woocommerce ul.products li.product h3, .woocommerce ul.products li.product .product-details .woocommerce-loop-product__title, .woocommerce ul.products li.product .product-details .woocommerce-loop-category__title, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title{font-style:normal;font-size:18px;color:var(--global-palette3);}.woocommerce ul.products li.product .product-details .price, .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price{font-style:normal;color:var(--global-palette4);}.woocommerce ul.products.woo-archive-btn-button .product-action-wrap .button:not(.kb-button), .woocommerce ul.products li.woo-archive-btn-button .button:not(.kb-button), .wc-block-grid__product.woo-archive-btn-button .product-details .wc-block-grid__product-add-to-cart .wp-block-button__link{border:2px none transparent;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.0);}.woocommerce ul.products.woo-archive-btn-button .product-action-wrap .button:not(.kb-button):hover, .woocommerce ul.products li.woo-archive-btn-button .button:not(.kb-button):hover, .wc-block-grid__product.woo-archive-btn-button .product-details .wc-block-grid__product-add-to-cart .wp-block-button__link:hover{box-shadow:0px 0px 0px 0px rgba(0,0,0,0);}
/* Kadence Pro Header CSS */
.header-navigation-dropdown-direction-left ul ul.submenu, .header-navigation-dropdown-direction-left ul ul.sub-menu{right:0px;left:auto;}.rtl .header-navigation-dropdown-direction-right ul ul.submenu, .rtl .header-navigation-dropdown-direction-right ul ul.sub-menu{left:0px;right:auto;}.header-account-button .nav-drop-title-wrap > .kadence-svg-iconset, .header-account-button > .kadence-svg-iconset{font-size:1.2em;}.site-header-item .header-account-button .nav-drop-title-wrap, .site-header-item .header-account-wrap > .header-account-button{display:flex;align-items:center;}.header-account-style-icon_label .header-account-label{padding-left:5px;}.header-account-style-label_icon .header-account-label{padding-right:5px;}.site-header-item .header-account-wrap .header-account-button{text-decoration:none;box-shadow:none;color:inherit;background:transparent;padding:0.6em 0em 0.6em 0em;}.header-mobile-account-wrap .header-account-button .nav-drop-title-wrap > .kadence-svg-iconset, .header-mobile-account-wrap .header-account-button > .kadence-svg-iconset{font-size:1.2em;}.header-mobile-account-wrap .header-account-button .nav-drop-title-wrap, .header-mobile-account-wrap > .header-account-button{display:flex;align-items:center;}.header-mobile-account-wrap.header-account-style-icon_label .header-account-label{padding-left:5px;}.header-mobile-account-wrap.header-account-style-label_icon .header-account-label{padding-right:5px;}.header-mobile-account-wrap .header-account-button{text-decoration:none;box-shadow:none;color:inherit;background:transparent;padding:0.6em 0em 0.6em 0em;}#login-drawer .drawer-inner .drawer-content{display:flex;justify-content:center;align-items:center;position:absolute;top:0px;bottom:0px;left:0px;right:0px;padding:0px;}#loginform p label{display:block;}#login-drawer #loginform{width:100%;}#login-drawer #loginform input{width:100%;}#login-drawer #loginform input[type="checkbox"]{width:auto;}#login-drawer .drawer-inner .drawer-header{position:relative;z-index:100;}#login-drawer .drawer-content_inner.widget_login_form_inner{padding:2em;width:100%;max-width:350px;border-radius:.25rem;background:var(--global-palette9);color:var(--global-palette4);}#login-drawer .lost_password a{color:var(--global-palette6);}#login-drawer .lost_password, #login-drawer .register-field{text-align:center;}#login-drawer .widget_login_form_inner p{margin-top:1.2em;margin-bottom:0em;}#login-drawer .widget_login_form_inner p:first-child{margin-top:0em;}#login-drawer .widget_login_form_inner label{margin-bottom:0.5em;}#login-drawer hr.register-divider{margin:1.2em 0;border-width:1px;}#login-drawer .register-field{font-size:90%;}@media all and (min-width: 1025px){#login-drawer hr.register-divider.hide-desktop{display:none;}#login-drawer p.register-field.hide-desktop{display:none;}}@media all and (max-width: 1024px){#login-drawer hr.register-divider.hide-mobile{display:none;}#login-drawer p.register-field.hide-mobile{display:none;}}@media all and (max-width: 767px){#login-drawer hr.register-divider.hide-mobile{display:none;}#login-drawer p.register-field.hide-mobile{display:none;}}.tertiary-navigation .tertiary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.6em;padding-bottom:0.6em;color:var(--global-palette5);}.tertiary-navigation .tertiary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette-highlight);}.tertiary-navigation .tertiary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--global-palette3);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.tertiary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}.quaternary-navigation .quaternary-menu-container > ul > li.menu-item > a{padding-left:calc(1.2em / 2);padding-right:calc(1.2em / 2);padding-top:0.6em;padding-bottom:0.6em;color:var(--global-palette5);}.quaternary-navigation .quaternary-menu-container > ul > li.menu-item > a:hover{color:var(--global-palette-highlight);}.quaternary-navigation .quaternary-menu-container > ul > li.menu-item.current-menu-item > a{color:var(--global-palette3);}.header-navigation[class*="header-navigation-style-underline"] .header-menu-container.quaternary-menu-container>ul>li>a:after{width:calc( 100% - 1.2em);}#main-header .header-divider{border-right:1px solid var(--global-palette6);height:50%;}#main-header .header-divider2{border-right:1px solid var(--global-palette6);height:50%;}#main-header .header-divider3{border-right:1px solid var(--global-palette6);height:50%;}#mobile-header .header-mobile-divider, #mobile-drawer .header-mobile-divider{border-right:1px solid var(--global-palette6);height:50%;}#mobile-drawer .header-mobile-divider{border-top:1px solid var(--global-palette6);width:50%;}#mobile-header .header-mobile-divider2{border-right:1px solid var(--global-palette6);height:50%;}#mobile-drawer .header-mobile-divider2{border-top:1px solid var(--global-palette6);width:50%;}.header-item-search-bar form ::-webkit-input-placeholder{color:currentColor;opacity:0.5;}.header-item-search-bar form ::placeholder{color:currentColor;opacity:0.5;}.header-search-bar form{max-width:100%;width:240px;}.header-mobile-search-bar form{max-width:calc(100vw - var(--global-sm-spacing) - var(--global-sm-spacing));width:240px;}.header-widget-lstyle-normal .header-widget-area-inner a:not(.button){text-decoration:underline;}.element-contact-inner-wrap{display:flex;flex-wrap:wrap;align-items:center;margin-top:-0.6em;margin-left:calc(-0.6em / 2);margin-right:calc(-0.6em / 2);}.element-contact-inner-wrap .header-contact-item{display:inline-flex;flex-wrap:wrap;align-items:center;margin-top:0.6em;margin-left:calc(0.6em / 2);margin-right:calc(0.6em / 2);}.element-contact-inner-wrap .header-contact-item .kadence-svg-iconset{font-size:1em;}.header-contact-item img{display:inline-block;}.header-contact-item .contact-label{margin-left:0.3em;}.rtl .header-contact-item .contact-label{margin-right:0.3em;margin-left:0px;}.header-mobile-contact-wrap .element-contact-inner-wrap{display:flex;flex-wrap:wrap;align-items:center;margin-top:-0.6em;margin-left:calc(-0.6em / 2);margin-right:calc(-0.6em / 2);}.header-mobile-contact-wrap .element-contact-inner-wrap .header-contact-item{display:inline-flex;flex-wrap:wrap;align-items:center;margin-top:0.6em;margin-left:calc(0.6em / 2);margin-right:calc(0.6em / 2);}.header-mobile-contact-wrap .element-contact-inner-wrap .header-contact-item .kadence-svg-iconset{font-size:1em;}#main-header .header-button2{box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}#main-header .header-button2:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}.mobile-header-button2-wrap .mobile-header-button-inner-wrap .mobile-header-button2{border:2px none transparent;box-shadow:0px 0px 0px -7px rgba(0,0,0,0);}.mobile-header-button2-wrap .mobile-header-button-inner-wrap .mobile-header-button2:hover{box-shadow:0px 15px 25px -7px rgba(0,0,0,0.1);}#widget-drawer.popup-drawer-layout-fullwidth .drawer-content .header-widget2, #widget-drawer.popup-drawer-layout-sidepanel .drawer-inner{max-width:400px;}#widget-drawer.popup-drawer-layout-fullwidth .drawer-content .header-widget2{margin:0 auto;}.widget-toggle-open{display:flex;align-items:center;background:transparent;box-shadow:none;}.widget-toggle-open:hover, .widget-toggle-open:focus{border-color:currentColor;background:transparent;box-shadow:none;}.widget-toggle-open .widget-toggle-icon{display:flex;}.widget-toggle-open .widget-toggle-label{padding-right:5px;}.rtl .widget-toggle-open .widget-toggle-label{padding-left:5px;padding-right:0px;}.widget-toggle-open .widget-toggle-label:empty, .rtl .widget-toggle-open .widget-toggle-label:empty{padding-right:0px;padding-left:0px;}.widget-toggle-open-container .widget-toggle-open{color:var(--global-palette5);padding:0.4em 0.6em 0.4em 0.6em;font-size:14px;}.widget-toggle-open-container .widget-toggle-open.widget-toggle-style-bordered{border:1px solid currentColor;}.widget-toggle-open-container .widget-toggle-open .widget-toggle-icon{font-size:20px;}.widget-toggle-open-container .widget-toggle-open:hover, .widget-toggle-open-container .widget-toggle-open:focus{color:var(--global-palette-highlight);}#widget-drawer .header-widget-2style-normal a:not(.button){text-decoration:underline;}#widget-drawer .header-widget-2style-plain a:not(.button){text-decoration:none;}#widget-drawer .header-widget2 .widget-title{color:var(--global-palette9);}#widget-drawer .header-widget2{color:var(--global-palette8);}#widget-drawer .header-widget2 a:not(.button), #widget-drawer .header-widget2 .drawer-sub-toggle{color:var(--global-palette8);}#widget-drawer .header-widget2 a:not(.button):hover, #widget-drawer .header-widget2 .drawer-sub-toggle:hover{color:var(--global-palette9);}#mobile-secondary-site-navigation ul li{font-size:14px;}#mobile-secondary-site-navigation ul li a{padding-top:1em;padding-bottom:1em;}#mobile-secondary-site-navigation ul li > a, #mobile-secondary-site-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette8);}#mobile-secondary-site-navigation ul li.current-menu-item > a, #mobile-secondary-site-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap{color:var(--global-palette-highlight);}#mobile-secondary-site-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap, #mobile-secondary-site-navigation ul li:not(.menu-item-has-children) a{border-bottom:1px solid rgba(255,255,255,0.1);}#mobile-secondary-site-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button{border-left:1px solid rgba(255,255,255,0.1);}
/*# sourceURL=kadence-global-inline-css */
</style>
<link rel='stylesheet' id='kadence-header-css' href='https://domvsdei.com/wp-content/themes/kadence/assets/css/header.min.css?ver=1.4.5' media='all' />
<link rel='stylesheet' id='kadence-content-css' href='https://domvsdei.com/wp-content/themes/kadence/assets/css/content.min.css?ver=1.4.5' media='all' />
<link rel='stylesheet' id='kadence-woocommerce-css' href='https://domvsdei.com/wp-content/themes/kadence/assets/css/woocommerce.min.css?ver=1.4.5' media='all' />
<link rel='stylesheet' id='kadence-footer-css' href='https://domvsdei.com/wp-content/themes/kadence/assets/css/footer.min.css?ver=1.4.5' media='all' />
<link rel='stylesheet' id='heateor_sss_frontend_css-css' href='https://domvsdei.com/wp-content/plugins/sassy-social-share/public/css/sassy-social-share-public.css?ver=3.3.79' media='all' />
<style id='heateor_sss_frontend_css-inline-css'>
.heateor_sss_button_instagram span.heateor_sss_svg,a.heateor_sss_instagram span.heateor_sss_svg{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.heateor_sss_horizontal_sharing .heateor_sss_svg,.heateor_sss_standard_follow_icons_container .heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent}.heateor_sss_horizontal_sharing .heateorSssTCBackground{color:#666}.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover,.heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}.heateor_sss_vertical_sharing span.heateor_sss_svg,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent;}.heateor_sss_vertical_sharing .heateorSssTCBackground{color:#666;}.heateor_sss_vertical_sharing span.heateor_sss_svg:hover,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}@media screen and (max-width:783px) {.heateor_sss_vertical_sharing{display:none!important}}div.heateor_sss_mobile_footer{display:none;}@media screen and (max-width:783px){div.heateor_sss_bottom_sharing .heateorSssTCBackground{background-color:white}div.heateor_sss_bottom_sharing{width:100%!important;left:0!important;}div.heateor_sss_bottom_sharing a{width:11.111111111111% !important;}div.heateor_sss_bottom_sharing .heateor_sss_svg{width: 100% !important;}div.heateor_sss_bottom_sharing div.heateorSssTotalShareCount{font-size:1em!important;line-height:28px!important}div.heateor_sss_bottom_sharing div.heateorSssTotalShareText{font-size:.7em!important;line-height:0px!important}div.heateor_sss_mobile_footer{display:block;height:40px;}.heateor_sss_bottom_sharing{padding:0!important;display:block!important;width:auto!important;bottom:-2px!important;top: auto!important;}.heateor_sss_bottom_sharing .heateor_sss_square_count{line-height:inherit;}.heateor_sss_bottom_sharing .heateorSssSharingArrow{display:none;}.heateor_sss_bottom_sharing .heateorSssTCBackground{margin-right:1.1em!important}}
/*# sourceURL=heateor_sss_frontend_css-inline-css */
</style>
<style id='kadence-blocks-global-variables-inline-css'>
:root {--global-kb-font-size-sm:clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);--global-kb-font-size-md:clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);--global-kb-font-size-lg:clamp(1.75rem, 1.576rem + 0.543vw, 2rem);--global-kb-font-size-xl:clamp(2.25rem, 1.728rem + 1.63vw, 3rem);--global-kb-font-size-xxl:clamp(2.5rem, 1.456rem + 3.26vw, 4rem);--global-kb-font-size-xxxl:clamp(2.75rem, 0.489rem + 7.065vw, 6rem);}
/*# sourceURL=kadence-blocks-global-variables-inline-css */
</style>
<style id="kadence_blocks_palette_css">:root .has-kb-palette-1-color{color:#000000}:root .has-kb-palette-1-background-color{background-color:#000000}</style><script src="https://domvsdei.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://domvsdei.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script src="https://domvsdei.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.6.1" id="wc-jquery-blockui-js" defer data-wp-strategy="defer"></script>
<script id="wc-add-to-cart-js-extra">
var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https://domvsdei.com/cart/","is_cart":"","cart_redirect_after_add":"no"};
//# sourceURL=wc-add-to-cart-js-extra
</script>
<script src="https://domvsdei.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.6.1" id="wc-add-to-cart-js" defer data-wp-strategy="defer"></script>
<script src="https://domvsdei.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.6.1" id="wc-js-cookie-js" defer data-wp-strategy="defer"></script>
<script id="woocommerce-js-extra">
var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Show password","i18n_password_hide":"Hide password"};
//# sourceURL=woocommerce-js-extra
</script>
<script src="https://domvsdei.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.6.1" id="woocommerce-js" defer data-wp-strategy="defer"></script>
<link rel="https://api.w.org/" href="https://domvsdei.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://domvsdei.com/wp-json/wp/v2/pages/76" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://domvsdei.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.4" />
<meta name="generator" content="WooCommerce 10.6.1" />
<link rel="canonical" href="https://domvsdei.com/" />
<link rel='shortlink' href='https://domvsdei.com/' />
<script>
document.addEventListener('DOMContentLoaded', () => {
    const checkboxes = document.querySelectorAll('.toggle');

    function updateLines() {
        const showLatin = document.querySelector('.toggle[data-target="latin"]').checked;
        const showPhonetic = document.querySelector('.toggle[data-target="phonetic"]').checked;
        const showEnglish = document.querySelector('.toggle[data-target="english"]').checked;

        document.querySelectorAll('.prayer-verse').forEach(verse => {
            const latinLines = verse.querySelectorAll('.line.latin');
            const phoneticLines = verse.querySelectorAll('.line.phonetic');
            const englishLines = verse.querySelectorAll('.line.english');

            latinLines.forEach(l => l.style.display = showLatin ? '' : 'none');
            phoneticLines.forEach(p => p.style.display = showPhonetic ? '' : 'none');
            englishLines.forEach(e => e.style.display = showEnglish ? '' : 'none');

            latinLines.forEach(l => {
                if ((showPhonetic || showEnglish) && showLatin) {
                    l.classList.add('bold');
                    verse.classList.add('highlighted');
                } else {
                    l.classList.remove('bold');
                    verse.classList.remove('highlighted');
                }
            });
        });
    }

    checkboxes.forEach(cb => cb.addEventListener('change', updateLines));

    updateLines(); // run on page load

    // Audio buttons
    let currentAudio = null;

    document.querySelectorAll('.play-button').forEach(button => {
        button.addEventListener('click', () => {
            const audioId = button.getAttribute('data-audio-id');
            const audio = document.getElementById(audioId);

            if (currentAudio && currentAudio !== audio) {
                currentAudio.pause();
                currentAudio.currentTime = 0;
                const prevPlayButton = document.querySelector(`.play-button[data-audio-id="${currentAudio.id}"]`);
                prevPlayButton.src = "http://domvsdei.com/wp-content/uploads/2025/07/Audio_Play_Button.png";
            }

            if (audio.paused) {
                audio.play();
                button.src = "http://domvsdei.com/wp-content/uploads/2025/07/Audio_Pause_Button.png";
                currentAudio = audio;

                audio.onended = () => {
                    button.src = "http://domvsdei.com/wp-content/uploads/2025/07/Audio_Play_Button.png";
                    currentAudio = null;
                };
            } else {
                audio.pause();
                button.src = "http://domvsdei.com/wp-content/uploads/2025/07/Audio_Play_Button.png";
                currentAudio = null;
            }
        });
    });

    document.querySelectorAll('.restart-button').forEach(button => {
        button.addEventListener('click', () => {
            const audioId = button.getAttribute('data-audio-id');
            const audio = document.getElementById(audioId);
            audio.pause();
            audio.currentTime = 0;
            if (currentAudio === audio) {
                const playButton = document.querySelector(`.play-button[data-audio-id="${audioId}"]`);
                playButton.src = "http://domvsdei.com/wp-content/uploads/2025/07/Audio_Play_Button.png";
                currentAudio = null;
            }
        });
    });
});
</script>	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
	<style class="wpcode-css-snippet">.hp-main-nav{background:#722F37!important;padding:0 24px!important;display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;height:auto!important;min-height:48px!important;border-bottom:1px solid rgba(201,162,39,.35)!important;position:relative!important}
.hp-site-logo{flex:0 0 auto!important;white-space:nowrap!important;padding-right:28px!important;font-size:28px!important;font-weight:600!important;color:#F5F0E6!important;display:inline-flex!important;align-items:center!important;align-self:flex-start!important;padding-top:8px!important;gap:12px!important;text-decoration:none!important}
.hp-nav-links{flex:1 1 0!important;min-width:0!important;display:block!important;list-style:none!important;padding:0!important;margin:0!important}
.hp-nav-cluster-labels{display:flex!important;align-items:center!important;padding:6px 0 0!important;list-style:none!important;pointer-events:none!important;width:100%!important}
.hp-nav-clabel{font-size:.54rem!important;font-weight:500!important;letter-spacing:.26em!important;text-transform:uppercase!important;color:#C9A227!important;opacity:.65!important;flex:1 1 0!important;text-align:center!important}
.hp-nav-clabel:nth-child(1){text-align:left!important}
.hp-nav-clabel:nth-child(3){text-align:right!important}
.hp-nav-row-wrap{list-style:none!important;display:block!important}
.hp-nav-row1-wrap{border-bottom:1px solid rgba(201,162,39,.12)!important}
.hp-nav-row-inner{display:flex!important;align-items:center!important;width:100%!important;padding:4px 0!important}
.hp-nav-zone{display:flex!important;align-items:center!important}
.hp-nav-link{font-size:.72rem!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:rgba(237,228,204,.95)!important;text-decoration:none!important;padding:6px 13px!important;white-space:nowrap!important;display:block!important}
.hp-nav-link:hover{color:#D4B848!important}
.hp-nav-deep{color:#C9A227!important}
.hp-nav-deep:hover{color:#D4B848!important}
.hp-nav-pip{background:transparent!important;flex:1 1 auto!important;min-width:40px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 4px!important}
.hp-nav-pip::after{content:"";display:block!important;width:1px!important;height:18px!important;background:#C9A227!important;opacity:.28!important}
.hp-nav-spacer{flex:1!important}
.hp-nav-gold-sep{width:1px!important;height:18px!important;background:#C9A227!important;opacity:.5!important;flex-shrink:0!important;margin:0 16px!important;display:block!important}
.hp-nav-audio-standalone{position:absolute!important;bottom:5px!important;left:24px!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;opacity:.72!important}
.hp-nav-audio-standalone:hover{opacity:1!important}
.hp-nav-audio{display:none!important}
.hp-nav-audio-ring{width:22px!important;height:22px!important;border-radius:50%!important;border:1px solid #C9A227!important;background:rgba(201,162,39,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.hp-nav-audio-standalone:hover .hp-nav-audio-ring{background:rgba(201,162,39,.22)!important}
.hp-nav-audio-label{font-size:.41rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#C9A227!important;line-height:1.4!important}
.hp-tool-blog-link{font-size:.62rem!important;font-weight:600!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#4A1019!important;background:#C9A227!important;padding:5px 14px!important;border-radius:2px!important;text-decoration:none!important;white-space:nowrap!important;display:block!important}
.hp-tool-blog-link:hover{background:#D4B848!important}</style><style class="wpcode-css-snippet">    :root {
      --gold: #C9A227; --gold-dark: #8B6914; --gold-pale: #F4E4B5;
      --burgundy: #722F37; --burgundy-deep: #4A1C21;
      --cream: #F5F0E6; --cream-dark: #E8E0D0; --parchment: #F8F4E8;
      --ink: #1C1714; --ink-light: #3D352F; --ink-faded: #6B5F55;
      --rubric: #8B2500; --lit-green: #2E5A1C;
      --font-scale: 1;
    }
    .dd-missal-wrapper[data-theme="dark"] {
      --cream: #1a1612; --cream-dark: #2a2420; --parchment: #221e1a;
      --ink: #E8E0D0; --ink-light: #C5B9A8; --ink-faded: #9A8E7E;
      --gold-pale: #3d3520;
    }
    * { margin: 0; padding: 0; box-sizing: border-box; }
    .dd-missal-wrapper { font-family: 'EB Garamond', Georgia, serif; background: var(--cream); color: var(--ink); line-height: 1.7; font-size: calc(18px * var(--font-scale)); }
    /* KADENCE BUTTON RESET - override theme global button styles */
    .dd-missal-wrapper button,
    .dd-missal-wrapper .button,
    .dd-missal-wrapper input[type="button"] {
      padding: 0 !important;
      margin: 0 !important;
      border: none !important;
      border-radius: 0 !important;
      background: transparent !important;
      font-family: inherit !important;
      font-size: inherit !important;
      line-height: 1 !important;
      box-shadow: none !important;
      text-transform: none !important;
      letter-spacing: normal !important;
      min-height: 0 !important;
      min-width: 0 !important;
      max-width: none !important;
      outline: none !important;
      -webkit-appearance: none !important;
      appearance: none !important;
    }
    .dd-missal-wrapper select,
    .dd-missal-wrapper input[type="date"] {
      box-shadow: none;
      min-height: 0;
    }
    .dd-missal-wrapper::before { content: ''; position: fixed; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); opacity: 0.03; pointer-events: none; z-index: 0; }
    
    /* ===== BANNER ===== */
    .dd-ordo-banner-wrap { background: var(--burgundy-deep); text-align: center; padding: 0; overflow: visible !important; }
    .dd-ordo-banner-wrap img.dd-ordo-banner { width: 100% !important; max-width: 900px !important; display: block !important; margin: 0 auto !important; height: auto !important; max-height: none !important; visibility: visible !important; opacity: 1 !important; }

    /* ===== STICKY CONTROL STRIP ===== */
    .dd-missal-header { position: sticky; top: 0; z-index: 100; background: linear-gradient(135deg, var(--burgundy-deep) 0%, #3a1a1d 100%); border-bottom: 2px solid var(--gold-dark); box-shadow: 0 2px 8px rgba(0,0,0,0.3); }

    /* Strip 1: Liturgical info - centered */
    .dd-liturgical-strip { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 8px 20px; border-bottom: 1px solid rgba(201,162,39,0.15); }
    .dd-date-display { font-family: 'Cinzel', serif; font-size: 1.1rem; font-weight: 700; color: var(--gold); letter-spacing: 0.04em; }
    .dd-strip-sep { color: rgba(201,162,39,0.4); font-size: 0.9rem; }
    .dd-feast-name { font-family: 'Cinzel', serif; font-size: 0.9rem; font-weight: 600; color: var(--cream); letter-spacing: 0.03em; }
    .dd-lit-color { font-family: 'Cinzel', serif; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
    .dd-strip-reflection { background: none; border: none; color: var(--gold); cursor: pointer; font-size: 1.1rem; padding: 4px; opacity: 0.7; }
    .dd-strip-reflection:hover { opacity: 1; }

    /* Strip 2: All controls - centered */
    .dd-control-strip { display: flex; align-items: center; justify-content: center; padding: 7px 20px; gap: 12px; flex-wrap: wrap; }

    .dd-site-icon { width: 30px; height: 30px; background: linear-gradient(135deg, var(--gold), var(--gold-dark)); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; color: var(--burgundy-deep); font-weight: bold; text-decoration: none; }
    .dd-strip-select { font-family: 'Cinzel', serif; font-size: 0.75rem; font-weight: 600; padding: 5px 8px; background: rgba(255,255,255,0.08); color: var(--gold); border: 1px solid rgba(201,162,39,0.3); border-radius: 3px; cursor: pointer; }
    .dd-date-nav { display: flex; align-items: center; gap: 0; }
    .dd-nav-arrow { background: none !important; border: none !important; color: var(--gold); cursor: pointer; font-size: 0.8rem; padding: 5px 6px !important; opacity: 0.7; }
    .dd-nav-arrow:hover { opacity: 1; }
    .dd-strip-date { font-family: 'Cinzel', serif; font-size: 0.75rem; font-weight: 600; padding: 5px 8px; background: rgba(255,255,255,0.08); color: var(--gold); border: 1px solid rgba(201,162,39,0.3); border-radius: 3px; width: 135px; }
    .dd-view-toggles { display: flex; gap: 0; }
    .dd-view-btn { font-family: 'Cinzel', serif !important; font-size: 0.65rem !important; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; padding: 5px 10px !important; background: transparent !important; color: rgba(255,255,255,0.6); border: 1px solid rgba(201,162,39,0.3) !important; cursor: pointer; }
    .dd-view-btn:first-child { border-radius: 3px 0 0 3px !important; }
    .dd-view-btn:last-child { border-radius: 0 3px 3px 0 !important; border-left: none !important; }
    .dd-view-btn.dd-active { background: var(--gold) !important; color: var(--burgundy-deep); border-color: var(--gold) !important; }
    .dd-text-btn { width: 28px !important; height: 28px !important; border: 1px solid rgba(201,162,39,0.3) !important; background: transparent !important; color: var(--gold); border-radius: 3px !important; cursor: pointer; font-family: 'Cinzel', serif !important; font-weight: 600; font-size: 0.75rem !important; padding: 0 !important; }
    .dd-text-btn:hover { background: rgba(201,162,39,0.15) !important; }
    .dd-theme-btn { width: 30px !important; height: 30px !important; border: 1px solid rgba(201,162,39,0.3) !important; background: transparent !important; border-radius: 50% !important; cursor: pointer; font-size: 0.95rem !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; }
    .dd-theme-btn:hover { background: rgba(201,162,39,0.15) !important; }
    .dd-ctrl-sep { width: 1px; height: 20px; background: rgba(201,162,39,0.2); }
    .dd-action-btn { font-family: 'Cinzel', serif !important; font-size: 0.6rem !important; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; padding: 5px 12px !important; border-radius: 3px !important; cursor: pointer; }
    .dd-action-btn.dd-primary { background: rgba(201,162,39,0.15) !important; color: var(--gold); border: none !important; }
    .dd-action-btn.dd-primary:hover { background: rgba(201,162,39,0.25) !important; }
    .dd-action-btn.dd-secondary { background: transparent !important; border: 1px solid rgba(201,162,39,0.25) !important; color: rgba(201,162,39,0.7); }
    .dd-action-btn.dd-secondary:hover { color: var(--gold); border-color: rgba(201,162,39,0.4) !important; }

    /* Mobile */
    @media (max-width: 800px) {
      .dd-liturgical-strip { flex-wrap: wrap; padding: 6px 12px; gap: 6px; }
      .dd-date-display { font-size: 0.95rem; }
      .dd-feast-name { font-size: 0.75rem; }
      .dd-control-strip { padding: 6px 12px; gap: 8px; }
    }
    @media (max-width: 500px) {
      .dd-feast-name { font-size: 0.65rem; }
      .dd-strip-select { font-size: 0.65rem; }
      .dd-view-btn { padding: 4px 7px; font-size: 0.55rem; }
      .dd-strip-date { width: 115px; font-size: 0.65rem; }
    }
    
    /* ===== CONTENT ===== */
    .dd-missal-content { max-width: 1100px; margin: 0 auto; padding: 25px 20px; position: relative; z-index: 1; }
    
    .dd-mass-divider { text-align: center; padding: 25px 0; position: relative; }
    .dd-mass-divider::before, .dd-mass-divider::after { content: ''; position: absolute; top: 50%; width: 18%; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }
    .dd-mass-divider::before { left: 12%; }
    .dd-mass-divider::after { right: 12%; }
    .dd-mass-divider h2 { font-family: 'Cinzel Decorative', serif; font-size: calc(1rem * var(--font-scale)); font-weight: 400; color: var(--burgundy); letter-spacing: 0.1em; text-transform: uppercase; background: var(--cream); padding: 0 15px; display: inline-block; }
    .dd-missal-wrapper[data-theme="dark"] .dd-mass-divider h2 { background: var(--cream); }
    .dd-mass-divider-major h2 { font-size: calc(1.3rem * var(--font-scale)) !important; font-weight: 700 !important; letter-spacing: 0.15em !important; }
    
    .dd-prayer-section { background: var(--parchment); border-radius: 4px; margin-bottom: 12px; border: 1px solid var(--cream-dark); box-shadow: 0 2px 6px rgba(28,23,20,0.1); overflow: hidden; }
    .dd-prayer-header { padding: 8px 16px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; background: linear-gradient(to bottom, #FDF8F0, var(--parchment)); border-bottom: 1px solid transparent; }
    .dd-prayer-section.dd-expanded .dd-prayer-header { border-bottom-color: var(--cream-dark); }
    .dd-prayer-dd-header-left { display: flex; align-items: center; gap: 10px; }
    .dd-prayer-title { font-family: 'Cinzel', serif; font-size: calc(0.9rem * var(--font-scale)); font-weight: 600; color: var(--burgundy); }
    .dd-prayer-tag { font-family: 'Cinzel', serif; font-size: 0.45rem; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 8px; border-radius: 3px; font-weight: 600; background: var(--cream-dark); color: var(--ink-light); }
    .dd-missal-wrapper button.dd-prayer-toggle { width: 26px !important; height: 26px !important; min-width: 26px !important; max-width: 26px !important; min-height: 26px !important; max-height: 26px !important; border-radius: 50% !important; border: 2px solid var(--gold) !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer; flex-shrink: 0; padding: 0 !important; margin: 0 !important; line-height: 1 !important; box-sizing: border-box !important; }
    .dd-prayer-toggle .dd-chevron { font-size: 0.7rem; color: var(--gold-dark); transition: transform 0.3s; display: inline-block; }
    .dd-prayer-section.dd-expanded .dd-prayer-toggle { background: var(--burgundy) !important; border-color: var(--burgundy) !important; }
    .dd-prayer-section.dd-expanded .dd-prayer-toggle .dd-chevron { color: var(--cream); transform: rotate(180deg); }
    
    .dd-prayer-body { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }
    .dd-prayer-section.dd-expanded .dd-prayer-body { max-height: 50000px; }
    .dd-prayer-content { padding: 16px; }
    
    .dd-prayer-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
    @media (max-width: 768px) { .dd-prayer-columns { grid-template-columns: 1fr; } }
    .dd-col-header { font-family: 'Cinzel', serif; font-size: 0.55rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold-dark); margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--cream-dark); }
    
    .dd-prayer-text { font-size: calc(0.95rem * var(--font-scale)); line-height: 1.85; }
    .dd-prayer-line { margin-bottom: 0.15em; display: flex; align-items: flex-start; gap: 6px; }
    .dd-prayer-line:has(.dd-marker) { margin-bottom: 0.5em; }
    .dd-line-text { flex: 1; }
    .dd-marker { font-family: 'Cinzel', serif; font-weight: 700; color: var(--burgundy); margin-right: 4px; }
    .dd-consecration { color: #8B0000; font-weight: 700; }
    .dd-prayer-line:has(.dd-consecration) { margin-top: 0.5em; margin-bottom: 0.5em; }

    .dd-ornamental { text-align: center; margin: 1.5em auto; max-width: 1100px; padding: 0 20px; box-sizing: border-box; }
    .dd-ornamental img { max-width: 100%; height: auto; border-radius: 4px; }
    .dd-rubric { color: var(--rubric); font-style: italic; font-size: 0.9em; }
    .dd-illuminated { 
      float: left; 
      width: 55px;
      height: 55px;
      margin-right: 8px;
      margin-bottom: 4px;
      border-radius: 4px;
      box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    }
    .dd-prayer-line:has(.dd-illuminated) { display: block; }
    
    .dd-missal-wrapper button.dd-line-play { display: none; width: 20px !important; height: 20px !important; min-width: 20px !important; max-width: 20px !important; min-height: 20px !important; max-height: 20px !important; border-radius: 50% !important; border: 1px solid var(--cream-dark) !important; background: white !important; cursor: pointer; flex-shrink: 0; align-items: center; justify-content: center; margin-top: 2px; padding: 0 !important; box-sizing: border-box !important; }
    .dd-line-play .dd-play-icon { font-size: 0.5rem; color: var(--ink-light); }
    .dd-line-play:hover { border-color: var(--gold) !important; background: #fffdf5 !important; }
    .dd-line-play.dd-playing { background: var(--burgundy) !important; border-color: var(--burgundy) !important; }
    .dd-line-play.dd-playing .dd-play-icon { color: white; }
    .dd-show-lines .dd-line-play { display: flex !important; }
    
    /* Highlight currently playing line */
    .dd-prayer-line.dd-playing-line { background: rgba(201, 162, 39, 0.18); border-radius: 4px; margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; }
    
    .dd-audio-row { display: flex; gap: 25px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--cream-dark); }
    @media (max-width: 768px) { .dd-audio-row { flex-direction: column; gap: 12px; } }
    .dd-audio-group { flex: 1; }
    .dd-audio-label { font-family: 'Cinzel', serif; font-size: 0.5rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-faded); margin-bottom: 8px; }
    .dd-audio-btns { display: flex; gap: 5px; flex-wrap: wrap; }
    .dd-missal-wrapper button.dd-audio-btn { padding: 6px 12px !important; border: 1px solid var(--cream-dark) !important; border-radius: 3px !important; background: white !important; font-family: 'EB Garamond', serif !important; font-size: 0.85rem !important; color: var(--ink) !important; cursor: pointer; }
    .dd-missal-wrapper button.dd-audio-btn:hover { border-color: var(--gold) !important; background: #fffdf5 !important; }
    .dd-missal-wrapper button.dd-audio-btn.dd-active { background: var(--burgundy) !important; border-color: var(--burgundy) !important; color: white !important; }
    .dd-missal-wrapper button.dd-audio-btn:disabled { opacity: 0.4; cursor: not-allowed; }
    
    .dd-missal-footer { background: var(--ink); padding: 20px 25px; text-align: center; color: var(--cream-dark); }
    .dd-missal-footer p { font-size: 0.75rem; opacity: 0.6; }
    
    @media (max-width: 600px) {
      .dd-ordo-banner-wrap img.dd-ordo-banner { max-width: 100% !important; }
    }
    
    /* ===== VIEW MODES ===== */
    /* Inline View (default) */
    .dd-missal-wrapper.dd-view-inline .dd-prayer-tree-sidebar { display: none; }
    .dd-missal-wrapper.dd-view-inline .dd-single-prayer-container { display: none; }
    .dd-missal-wrapper.dd-view-inline .dd-missal-content { display: block; }
    
    /* Single Prayer View */
    .dd-missal-wrapper.dd-view-single .dd-missal-content { display: none; }
    .dd-missal-wrapper.dd-view-single .dd-single-prayer-wrapper { display: flex; }
    
    .dd-single-prayer-wrapper { display: none; min-height: calc(100vh - 200px); }
    
    /* Sidebar Tree */
    .dd-prayer-tree-sidebar { width: 280px; background: var(--parchment); border-right: 1px solid var(--cream-dark); overflow-y: auto; flex-shrink: 0; }
    .dd-tree-header { font-family: 'Cinzel', serif; font-size: 0.6rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold-dark); padding: 15px 15px 10px; border-bottom: 1px solid var(--cream-dark); }
    .dd-tree-section { border-bottom: 1px solid var(--cream-dark); }
    .dd-tree-section-header { font-family: 'Cinzel', serif; font-size: 0.7rem; font-weight: 600; color: var(--burgundy); padding: 10px 15px; cursor: pointer; display: flex; align-items: center; gap: 8px; background: var(--cream); }
    .dd-tree-section-header:hover { background: var(--cream-dark); }
    .dd-tree-section-header .dd-tree-arrow { font-size: 0.6rem; transition: transform 0.2s; }
    .dd-tree-section.dd-collapsed .dd-tree-arrow { transform: rotate(-90deg); }
    .dd-tree-section.dd-collapsed .dd-tree-items { display: none; }
    .dd-tree-items { padding: 5px 0; }
    .dd-tree-item { font-family: 'EB Garamond', serif; font-size: 0.85rem; padding: 6px 15px 6px 30px; cursor: pointer; color: var(--ink-light); border-left: 3px solid transparent; }
    .dd-tree-item:hover { background: var(--cream); color: var(--ink); }
    .dd-tree-item.dd-active { background: rgba(201, 162, 39, 0.15); border-left-color: var(--gold); color: var(--burgundy); font-weight: 500; }
    
    /* Single Prayer Main Area */
    .dd-single-prayer-main { flex: 1; overflow-y: auto; padding: 25px 30px; background: var(--cream); }
    .dd-single-prayer-card { background: var(--parchment); border-radius: 6px; border: 1px solid var(--cream-dark); box-shadow: 0 3px 12px rgba(28,23,20,0.1); padding: 25px; width: 100%; box-sizing: border-box; }
    .dd-single-prayer-title { font-family: 'Cinzel Decorative', serif; font-size: 1.3rem; color: var(--burgundy); margin-bottom: 4px; }
    .dd-single-prayer-tag { font-family: 'Cinzel', serif; font-size: 0.65rem; color: var(--ink-faded); letter-spacing: 0.08em; text-transform: uppercase; display: inline-block; margin-bottom: 16px; }
    .dd-single-nav { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 16px 0; }
    .dd-single-counter { font-family: 'Cinzel', serif; font-size: 0.8rem; color: var(--ink-faded); letter-spacing: 0.05em; }
    .dd-single-prayer-title { font-family: 'Cinzel', serif; font-size: 1.4rem; font-weight: 600; color: var(--burgundy); margin-bottom: 5px; }
    .dd-single-prayer-tag { font-family: 'Cinzel', serif; font-size: 0.5rem; letter-spacing: 0.08em; text-transform: uppercase; padding: 3px 10px; border-radius: 3px; background: var(--cream-dark); color: var(--ink-light); display: inline-block; margin-bottom: 20px; }
    
    /* Navigation buttons */
    .dd-single-prayer-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--cream-dark); }
    .dd-nav-prev, .dd-nav-next { font-family: 'Cinzel', serif; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.04em; padding: 10px 20px; border-radius: 4px; cursor: pointer; display: flex; align-items: center; gap: 8px; }
    .dd-nav-prev { background: transparent; border: 1px solid var(--cream-dark); color: var(--ink-light); }
    .dd-nav-prev:hover { border-color: var(--gold); color: var(--ink); }
    .dd-nav-next { background: var(--burgundy); border: none; color: white; }
    .dd-nav-next:hover { background: var(--burgundy-deep); }
    .dd-nav-prev:disabled, .dd-nav-next:disabled { opacity: 0.4; cursor: not-allowed; }
    .dd-nav-counter { font-family: 'Cinzel', serif; font-size: 0.65rem; color: var(--ink-faded); letter-spacing: 0.05em; }
    
    @media (max-width: 768px) {
      .dd-prayer-tree-sidebar { width: 220px; }
      .dd-single-prayer-main { padding: 15px; }
    }
    @media (max-width: 600px) {
      .dd-single-prayer-wrapper { flex-direction: column; }
      .dd-prayer-tree-sidebar { width: 100%; max-height: 200px; border-right: none; border-bottom: 1px solid var(--cream-dark); }
    }

    /* Ordo Missae Banner */</style><script>/**
 * Domus Dei Traditional Latin Mass Missal
 * WordPress-ready JavaScript (no arrow functions, namespaced classes)
 */
(function() {
  'use strict';

  // ===== UTILITY FUNCTIONS =====
  function adjustFont(delta) {
    var root = document.documentElement;
    var scale = parseFloat(getComputedStyle(root).getPropertyValue('--font-scale')) || 1;
    scale = Math.max(0.7, Math.min(1.5, scale + delta));
    root.style.setProperty('--font-scale', scale);
  }
  
  function toggleTheme() {
    var wrapper = document.querySelector('.dd-missal-wrapper');
    if (wrapper) {
      wrapper.dataset.theme = wrapper.dataset.theme === 'dark' ? '' : 'dark';
    }
  }
  
  function expandAll() {
    var sections = document.querySelectorAll('.dd-prayer-section');
    for (var i = 0; i < sections.length; i++) {
      sections[i].classList.add('dd-expanded');
    }
  }
  
  function collapseAll() {
    var sections = document.querySelectorAll('.dd-prayer-section');
    for (var i = 0; i < sections.length; i++) {
      sections[i].classList.remove('dd-expanded');
    }
  }

  // Expose to global scope for onclick handlers
  window.ddMissalAdjustFont = adjustFont;
  window.ddMissalToggleTheme = toggleTheme;
  window.ddMissalExpandAll = expandAll;
  window.ddMissalCollapseAll = collapseAll;

  // ===== AUDIO STATE =====
  var audio = null;
  var playingBtn = null;
  var queue = [];
  var queueIdx = 0;

  // ===== VIEW MODE =====
  var treeBuilt = false;
  var currentPrayerIdx = -1;

  // Prayer data structure for tree
  var prayerSections = [
    { name: 'Mass of the Catechumens', prayers: [] },
    { name: 'Offertory', prayers: [] },
    { name: 'Preface & Canon', prayers: [] },
    { name: 'Communion Rite', prayers: [] }
  ];
  
  // Section markers
  var sectionStarts = {
    'Suscipe, sancte Pater': 1,
    'Preface': 2,
    'Pater Noster': 3
  };

  // ===== INITIALIZATION =====
  function init() {
    initViewToggle();
    initSectionToggle();
    initAudioLines();
    initLinePlay();
    initAudioPlay();
    initAudioStop();
    initAudioPause();
    initViewModeSelect();
    initNavigation();
    initSingleAudio();
  }

  // ===== VIEW TOGGLES (Whole Mass / Propers Only) =====
  function initViewToggle() {
    var btns = document.querySelectorAll('.dd-view-btn');
    for (var i = 0; i < btns.length; i++) {
      btns[i].addEventListener('click', function() {
        var allBtns = document.querySelectorAll('.dd-view-btn');
        for (var j = 0; j < allBtns.length; j++) {
          allBtns[j].classList.remove('dd-active');
        }
        this.classList.add('dd-active');

        var isPropers = this.textContent.trim().toLowerCase().indexOf('propers') !== -1;
        var sections = document.querySelectorAll('.dd-prayer-section');
        var dividers = document.querySelectorAll('.dd-mass-divider');

        if (isPropers) {
          // Hide Ordinarium, show Proprium
          for (var k = 0; k < sections.length; k++) {
            var tag = sections[k].querySelector('.dd-prayer-tag');
            if (tag && tag.textContent.trim().toLowerCase() === 'proprium') {
              sections[k].style.display = '';
            } else {
              sections[k].style.display = 'none';
            }
          }
          // Hide mass section dividers in propers view
          for (var d = 0; d < dividers.length; d++) {
            dividers[d].style.display = 'none';
          }
        } else {
          // Whole Mass - show everything
          for (var k = 0; k < sections.length; k++) {
            sections[k].style.display = '';
          }
          for (var d = 0; d < dividers.length; d++) {
            dividers[d].style.display = '';
          }
        }
      });
    }
  }

  // ===== SECTION TOGGLE =====
  function initSectionToggle() {
    var headers = document.querySelectorAll('.dd-prayer-header');
    for (var i = 0; i < headers.length; i++) {
      headers[i].addEventListener('click', function() {
        this.closest('.dd-prayer-section').classList.toggle('dd-expanded');
      });
    }
  }

  // ===== AUDIO LINES TOGGLE =====
  function initAudioLines() {
    var btns = document.querySelectorAll('.dd-audio-btn[data-action="lines"]');
    for (var i = 0; i < btns.length; i++) {
      btns[i].addEventListener('click', function() {
        if (this.disabled) return;
        this.classList.toggle('dd-active');
        var col = this.closest('.dd-prayer-section').querySelector('.dd-prayer-col[data-lang="' + this.dataset.lang + '"]');
        if (col) col.classList.toggle('dd-show-lines');
      });
    }
  }

  // ===== LINE PLAY =====
  function initLinePlay() {
    var btns = document.querySelectorAll('.dd-line-play');
    for (var i = 0; i < btns.length; i++) {
      btns[i].addEventListener('click', handleLinePlay);
    }
  }

  function handleLinePlay(e) {
    e.stopPropagation();
    var btn = this;
    var url = btn.dataset.audio;
    if (!url) return;
    
    if (audio) { audio.pause(); audio.currentTime = 0; }
    if (playingBtn) playingBtn.classList.remove('dd-playing');
    
    if (btn.classList.contains('dd-playing')) {
      btn.classList.remove('dd-playing');
      btn.closest('.dd-prayer-line').classList.remove('dd-playing-line');
      audio = playingBtn = null;
    } else {
      btn.classList.add('dd-playing');
      btn.closest('.dd-prayer-line').classList.add('dd-playing-line');
      playingBtn = btn;
      audio = new Audio(url);
      audio.play();
      audio.onended = function() {
        btn.classList.remove('dd-playing');
        btn.closest('.dd-prayer-line').classList.remove('dd-playing-line');
        playingBtn = null;
      };
    }
  }

  // ===== AUDIO PLAY ALL =====
  function initAudioPlay() {
    var btns = document.querySelectorAll('.dd-audio-btn[data-action="play"]');
    for (var i = 0; i < btns.length; i++) {
      btns[i].addEventListener('click', function() {
        if (this.disabled) return;
        var col = this.closest('.dd-prayer-section').querySelector('.dd-prayer-col[data-lang="' + this.dataset.lang + '"]');
        var lineBtns = col.querySelectorAll('.dd-line-play[data-audio]');
        queue = [];
        for (var j = 0; j < lineBtns.length; j++) {
          if (lineBtns[j].dataset.audio) queue.push(lineBtns[j]);
        }
        queueIdx = 0;
        playNext();
      });
    }
  }

  function playNext() {
    if (queueIdx >= queue.length) { queue = []; return; }
    var btn = queue[queueIdx];
    if (audio) audio.pause();
    if (playingBtn) {
      playingBtn.classList.remove('dd-playing');
      playingBtn.closest('.dd-prayer-line').classList.remove('dd-playing-line');
    }
    btn.classList.add('dd-playing');
    btn.closest('.dd-prayer-line').classList.add('dd-playing-line');
    playingBtn = btn;
    audio = new Audio(btn.dataset.audio);
    audio.play();
    audio.onended = function() {
      btn.classList.remove('dd-playing');
      btn.closest('.dd-prayer-line').classList.remove('dd-playing-line');
      queueIdx++;
      playNext();
    };
  }

  // ===== AUDIO STOP =====
  function initAudioStop() {
    var btns = document.querySelectorAll('.dd-audio-btn[data-action="stop"]');
    for (var i = 0; i < btns.length; i++) {
      btns[i].addEventListener('click', function() {
        queue = []; queueIdx = 0;
        if (audio) { audio.pause(); audio.currentTime = 0; }
        if (playingBtn) {
          playingBtn.classList.remove('dd-playing');
          playingBtn.closest('.dd-prayer-line').classList.remove('dd-playing-line');
          playingBtn = null;
        }
      });
    }
  }

  // ===== AUDIO PAUSE =====
  function initAudioPause() {
    var btns = document.querySelectorAll('.dd-audio-btn[data-action="pause"]');
    for (var i = 0; i < btns.length; i++) {
      btns[i].addEventListener('click', function() {
        if (audio) audio.pause();
      });
    }
  }

  // ===== VIEW MODE SELECT =====
  function initViewModeSelect() {
    var viewSelect = document.getElementById('dd-view-mode-select');
    if (!viewSelect) return;
    
    viewSelect.addEventListener('change', function() {
      var wrapper = document.querySelector('.dd-missal-wrapper');
      if (wrapper) {
        wrapper.classList.remove('dd-view-inline', 'dd-view-single');
        wrapper.classList.add('dd-view-' + this.value);
      }
      if (this.value === 'single' && !treeBuilt) {
        buildPrayerTree();
      }
    });
  }

  // ===== PRAYER TREE =====
  function collectPrayers() {
    var sections = document.querySelectorAll('.dd-prayer-section');
    var currentSection = 0;
    
    for (var i = 0; i < sections.length; i++) {
      var section = sections[i];
      var titleEl = section.querySelector('.dd-prayer-title');
      if (!titleEl) continue;
      var title = titleEl.textContent.trim();
      
      if (sectionStarts[title] !== undefined) {
        currentSection = sectionStarts[title];
      }
      
      prayerSections[currentSection].prayers.push({
        idx: i,
        title: title,
        element: section
      });
    }
  }
  
  function buildPrayerTree() {
    collectPrayers();
    var treeContainer = document.getElementById('dd-prayer-tree');
    if (!treeContainer) return;
    treeContainer.innerHTML = '';
    
    for (var sIdx = 0; sIdx < prayerSections.length; sIdx++) {
      var section = prayerSections[sIdx];
      if (section.prayers.length === 0) continue;
      
      var sectionEl = document.createElement('div');
      sectionEl.className = 'dd-tree-section';
      sectionEl.innerHTML = '<div class="dd-tree-section-header"><span class="dd-tree-arrow">▼</span>' + section.name + '</div><div class="dd-tree-items"></div>';
      
      var itemsContainer = sectionEl.querySelector('.dd-tree-items');
      
      for (var pIdx = 0; pIdx < section.prayers.length; pIdx++) {
        var prayer = section.prayers[pIdx];
        var item = document.createElement('div');
        item.className = 'dd-tree-item';
        item.textContent = prayer.title;
        item.dataset.idx = prayer.idx;
        (function(idx) {
          item.addEventListener('click', function() { showPrayer(idx); });
        })(prayer.idx);
        itemsContainer.appendChild(item);
      }
      
      sectionEl.querySelector('.dd-tree-section-header').addEventListener('click', function() {
        this.parentElement.classList.toggle('dd-collapsed');
      });
      
      treeContainer.appendChild(sectionEl);
    }
    
    treeBuilt = true;
    
    if (prayerSections[0].prayers.length > 0) {
      showPrayer(0);
    }
  }
  
  function showPrayer(idx) {
    var sections = document.querySelectorAll('.dd-prayer-section');
    if (idx < 0 || idx >= sections.length) return;
    
    currentPrayerIdx = idx;
    var prayer = sections[idx];
    var titleEl = prayer.querySelector('.dd-prayer-title');
    var tagEl = prayer.querySelector('.dd-prayer-tag');
    var columnsEl = prayer.querySelector('.dd-prayer-columns');
    
    if (!titleEl || !columnsEl) return;
    
    var title = titleEl.textContent;
    var tag = tagEl ? tagEl.textContent : '';
    var columns = columnsEl.cloneNode(true);
    
    var singleTitle = document.getElementById('dd-single-title');
    var singleTag = document.getElementById('dd-single-tag');
    var contentArea = document.getElementById('dd-single-content');
    var singleAudio = document.getElementById('dd-single-audio');
    var navCounter = document.getElementById('dd-nav-counter');
    var navPrev = document.getElementById('dd-nav-prev');
    var navNext = document.getElementById('dd-nav-next');
    
    if (singleTitle) singleTitle.textContent = title;
    if (singleTag) singleTag.textContent = tag;
    
    if (contentArea) {
      contentArea.innerHTML = '';
      contentArea.appendChild(columns);
      attachAudioListeners(contentArea);
    }
    
    if (singleAudio) singleAudio.style.display = 'flex';
    if (navCounter) navCounter.textContent = (idx + 1) + ' / ' + sections.length;
    if (navPrev) navPrev.disabled = idx === 0;
    if (navNext) navNext.disabled = idx === sections.length - 1;
    
    var treeItems = document.querySelectorAll('.dd-tree-item');
    for (var i = 0; i < treeItems.length; i++) {
      var isActive = parseInt(treeItems[i].dataset.idx) === idx;
      treeItems[i].classList.toggle('dd-active', isActive);
    }
  }
  
  function attachAudioListeners(container) {
    var btns = container.querySelectorAll('.dd-line-play');
    for (var i = 0; i < btns.length; i++) {
      btns[i].addEventListener('click', handleLinePlay);
    }
  }

  // ===== NAVIGATION =====
  function initNavigation() {
    var prevBtn = document.getElementById('dd-nav-prev');
    var nextBtn = document.getElementById('dd-nav-next');
    
    if (prevBtn) {
      prevBtn.addEventListener('click', function() {
        if (currentPrayerIdx > 0) showPrayer(currentPrayerIdx - 1);
      });
    }
    
    if (nextBtn) {
      nextBtn.addEventListener('click', function() {
        var sections = document.querySelectorAll('.dd-prayer-section');
        if (currentPrayerIdx < sections.length - 1) showPrayer(currentPrayerIdx + 1);
      });
    }
  }

  // ===== SINGLE AUDIO CONTROLS =====
  function initSingleAudio() {
    var singleAudio = document.getElementById('dd-single-audio');
    if (!singleAudio) return;
    
    singleAudio.addEventListener('click', function(e) {
      var btn = e.target.closest('.dd-audio-btn');
      if (!btn || btn.disabled) return;
      
      var action = btn.dataset.action;
      var lang = btn.dataset.lang;
      var contentArea = document.getElementById('dd-single-content');
      var col = contentArea.querySelector('.dd-prayer-col[data-lang="' + lang + '"]');
      
      if (action === 'lines') {
        btn.classList.toggle('dd-active');
        if (col) col.classList.toggle('dd-show-lines');
      } else if (action === 'play') {
        var lineBtns = col.querySelectorAll('.dd-line-play[data-audio]');
        queue = [];
        for (var i = 0; i < lineBtns.length; i++) {
          if (lineBtns[i].dataset.audio) queue.push(lineBtns[i]);
        }
        queueIdx = 0;
        playNextSingle();
      } else if (action === 'stop') {
        queue = []; queueIdx = 0;
        if (audio) { audio.pause(); audio.currentTime = 0; }
        if (playingBtn) {
          playingBtn.classList.remove('dd-playing');
          playingBtn.closest('.dd-prayer-line').classList.remove('dd-playing-line');
          playingBtn = null;
        }
      } else if (action === 'pause') {
        if (audio) audio.pause();
      }
    });
  }
  
  function playNextSingle() {
    if (queueIdx >= queue.length) { queue = []; return; }
    var btn = queue[queueIdx];
    if (audio) audio.pause();
    if (playingBtn) {
      playingBtn.classList.remove('dd-playing');
      playingBtn.closest('.dd-prayer-line').classList.remove('dd-playing-line');
    }
    btn.classList.add('dd-playing');
    btn.closest('.dd-prayer-line').classList.add('dd-playing-line');
    playingBtn = btn;
    audio = new Audio(btn.dataset.audio);
    audio.play();
    audio.onended = function() {
      btn.classList.remove('dd-playing');
      btn.closest('.dd-prayer-line').classList.remove('dd-playing-line');
      queueIdx++;
      playNextSingle();
    };
  }

  // ===== RUN ON DOM READY =====
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }

})();</script><script>(function () {
  function ready(fn){ if(document.readyState!=="loading"){fn();} else {document.addEventListener("DOMContentLoaded", fn);} }

  ready(function(){
    // 1) Find all marker spans
    const markers = Array.from(document.querySelectorAll('.proper-slot[data-pair]'));
    if (!markers.length) return;

    // 2) For each marker, find its nearest accordion header button
    function findHeaderButton(node){
      const pane = node.closest('.kb-accordion-pane, .kt-accordion-pane, .wp-block-kadence-accordion, .kadence-accordion');
      if (!pane) return null;
      // Known Kadence/K-Blocks header targets
      return (
        pane.querySelector('.kb-accordion-title, .kt-accordion-title, .kb-accordion-header button, .kt-accordion-header button, [role="button"][aria-expanded]')
        || pane.querySelector('button[aria-expanded]')
      );
    }

    const pairs = new Map(); // id -> [header buttons]
    markers.forEach(m => {
      const id = (m.getAttribute('data-pair') || '').toLowerCase().trim();
      if (!id) return;
      const headerBtn = findHeaderButton(m);
      if (!headerBtn) return;
      if (!pairs.has(id)) pairs.set(id, []);
      pairs.get(id).push(headerBtn);
    });

    // Nothing found? bail.
    if (!pairs.size) return;

    // 3) Wire syncing: when one header toggles, mirror the others to the same state
    pairs.forEach((buttons, id) => {
      if (buttons.length < 2) return; // need at least a pair
      buttons.forEach(btn => {
        btn.addEventListener('click', function(){
          // small timeout lets Kadence flip aria-expanded first
          setTimeout(() => {
            const wantOpen = (btn.getAttribute('aria-expanded') === 'true');
            buttons.forEach(other => {
              if (other === btn) return;
              const isOpen = (other.getAttribute('aria-expanded') === 'true');
              if (isOpen !== wantOpen) {
                other.click(); // mirror state
              }
            });
          }, 30);
        }, {passive:true});
      });
    });
  });
})();</script><style id="kadence-blocks-post-custom-css">/* Hover glow for ALL plaques in the homepage grid */
.home figure.wp-block-image:hover img {
  transform: scale(1.03) !important;
  filter: brightness(1.12) drop-shadow(0 0 12px rgba(214, 178, 90, 0.75)) !important;
  transition: transform 180ms ease, filter 180ms ease !important;
}

</style><style class='wp-fonts-local'>
@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://domvsdei.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://domvsdei.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');}
</style>
<link rel='stylesheet' id='kadence-fonts-gfonts-css' href='https://fonts.googleapis.com/css?family=Crimson%20Pro:regular,700%7CCinzel%20Decorative:700,regular%7CInter:500%7CPlayfair%20Display:600&#038;display=swap' media='all' />
		<style id="wp-custom-css">
			.prayer-verse {
  border-left: 4px solid transparent;
  border-radius: 4px;
  padding: 0.75rem;
  margin-bottom: 1.25rem;
}

.prayer-verse.highlighted {
  background: #f8f9fa;
  border-left-color: #6c757d;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.prayer-verse .line {
  margin-bottom: 0.25rem;
}

.prayer-verse .line.latin.bold {
  font-weight: bold;
}

.prayer-verse .line.phonetic {
  color: red;
  font-weight: bold;
}

.prayer-verse .line.english {
  color: #555;
  font-style: italic;
}

.line.latin {
  display: flex;
  align-items: center;
  gap: 6px;
}

img.play-button,
img.restart-button {
  cursor: pointer;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.line.hidden {
  display: none;
}

/* --- Fix: Choices dropdown hidden behind table header --- */
.dd-card, .dd-card-head, .dd-table-wrap, .dataTables_wrapper {
  overflow: visible !important;   /* let dropdown escape containers */
}

.dd-actions, .choices {
  position: relative;             /* create a stacking context */
  z-index: 1010;                  /* above the sticky header */
}

/* The actual dropdown list */
.choices__list--dropdown,
.choices__list[aria-expanded] {
  z-index: 4000 !important;       /* way above everything */
}

/* Keep the sticky header underneath the dropdown */
.dd-table thead th {
  z-index: 2;                      /* header stays sticky */
}

/* Hide Kadence page hero/title on this single page */
.page-id-196 .entry-hero,
.page-id-196 .kt-page-title-wrap,
.page-id-196 .kb-theme-content-editor .kb-page-title,
.page-id-196 .kadence-page-title {
  display: none !important;
}
/* Cardinals banner hardening */
.dd-hero {
  /* let content breathe if it grows; rounded corners will still look fine */
  overflow: visible !important;       /* was hidden */
}

.dd-hero-inner {
  /* ensure the wrapper grows beyond the min-height if text wraps */
  min-height: inherit;                 /* keep from being locked by older inline style */
  padding: 32px 22px !important;       /* a bit more vertical room */
  align-items: center !important;      /* true vertical centering */
}

/* Title and slogan sizing and wrapping */
.dd-hero h1 {
  margin: 0 0 10px !important;
  line-height: 1.2 !important;
  white-space: normal !important;      /* allow wrapping */
  word-break: normal !important;
  overflow: visible !important;
  font-size: clamp(28px, 3.6vw, 44px) !important;  /* slightly smaller max so it fits */
  letter-spacing: .06em;
  text-transform: uppercase;
}

.dd-hero .dd-sub {
  line-height: 1.3 !important;
  white-space: normal !important;
}

/* If a sticky header is overlaying the top of the banner on scroll or load */
header.site-header.is-sticky + .content-area .dd-hero {
  margin-top: 8px;                      /* small clear space below sticky header */
}
/* ===========================================
   DOMUS DEI – Gothic Post Cards
   Target Kadence post grid + archive/post lists
=========================================== */

/* MAIN CARD WRAPPER — Kadence posts block + archives */
.kb-post-list-item article.loop-entry,
.kb-post-list-item .entry-content-bg,
body.blog .site-main article.loop-entry,
body.archive .site-main article.loop-entry {
    background-color: #F4EAD2 !important;      /* parchment */
    border: 3px solid #B38A53 !important;      /* muted gold border */
    border-radius: 4px;
    padding: 22px;
    margin: 30px 0;
    box-shadow: 0 0 25px rgba(255, 215, 130, 0.25),
                0 0 10px rgba(0, 0, 0, 0.6);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover effect – gentle lift + glow */
.kb-post-list-item article.loop-entry:hover,
.kb-post-list-item .entry-content-bg:hover,
body.blog .site-main article.loop-entry:hover,
body.archive .site-main article.loop-entry:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 35px rgba(255, 230, 150, 0.45),
                0 0 15px rgba(0, 0, 0, 0.8);
}

/* Make sure inner wrapper doesn't override bg */
.kb-post-list-item article.loop-entry .entry-content-wrap,
.kb-post-list-item .entry-content-bg .entry-content-wrap,
body.blog .site-main article.loop-entry .entry-content-wrap,
body.archive .site-main article.loop-entry .entry-content-wrap {
    background: transparent !important;
}

/* Text colors inside the card – “ink” instead of bright gold */
.kb-post-list-item article.loop-entry .entry-title,
.kb-post-list-item .entry-content-bg .entry-title,
body.blog .site-main article.loop-entry .entry-title,
body.archive .site-main article.loop-entry .entry-title {
    color: #3A2A1A !important;
}

.kb-post-list-item article.loop-entry .entry-summary,
.kb-post-list-item .entry-content-bg .entry-summary,
body.blog .site-main article.loop-entry .entry-summary,
body.archive .site-main article.loop-entry .entry-summary {
    color: #3A2A1A !important;
}

/* Category label in a darker gold */
.kb-post-list-item article.loop-entry .entry-taxonomies a,
.kb-post-list-item .entry-content-bg .entry-taxonomies a,
body.blog .site-main article.loop-entry .entry-taxonomies a,
body.archive .site-main article.loop-entry .entry-taxonomies a {
    color: #8C6B32 !important;
}

/* TEMP TEST: make it obvious */
.banner-title,
.banner-title * {
  text-shadow: 0 3px 6px rgba(0,0,0,0.75) !important;
}

.banner-title h1,
.banner-title h2,
.banner-title h3,
.banner-title .kt-adv-heading,
.banner-title .kb-advanced-heading,
.banner-title p,
.banner-title {
  text-shadow: 0 3px 6px rgba(0,0,0,0.75) !important;
}

/* Lift the actual heading inside the banner */
.banner-title h1,
.banner-title h2,
.banner-title h3,
.banner-title .kt-adv-heading,
.banner-title .kb-advanced-heading {
  margin: 0 !important;
  line-height: 1.05 !important;
  display: inline-block;
  transform: translateY(-6px); /* 		</style>
		    <style>
    /* ═══════════════════════════════════════════════════════════════
       CUSTOM HEADER STYLES
       ═══════════════════════════════════════════════════════════════ */
    
    :root {
      --cream: #F5F0E6;
      --cream-dark: #E8E0D0;
      --burgundy: #722F37;
      --burgundy-dark: #5a252c;
      --burgundy-light: #8a3a44;
      --gold: #C9A227;
      --gold-light: #D4B848;
      --gold-dark: #8B6914;
      --ink: #1C1714;
      --ink-light: #3D352F;
      --parchment: #FAF7F2;
      --shadow: rgba(44, 36, 32, 0.12);
      --shadow-deep: rgba(44, 36, 32, 0.2);
    }

    /* Dark Mode Variables */
    [data-theme="dark"] {
      --cream: #1A1614;
      --cream-dark: #252220;
      --burgundy: #a34853;
      --burgundy-dark: #722F37;
      --burgundy-light: #c45a66;
      --gold: #d4b84a;
      --gold-light: #e0c960;
      --gold-dark: #b89a30;
      --ink: #F5F0E6;
      --ink-light: #c9c4ba;
      --parchment: #1f1c1a;
      --shadow: rgba(0, 0, 0, 0.3);
      --shadow-deep: rgba(0, 0, 0, 0.5);
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Crimson Text', Georgia, serif;
      background: var(--cream);
      color: var(--ink);
      line-height: 1.6;
      font-size: 17px;
      margin: 0;
      padding: 0;
      overflow-x: hidden;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    /* Site Header */
    .hp-site-header {
      position: sticky;
      top: 0;
      z-index: 1000;
    }

        .hp-main-nav-inner {
      display: flex;
      align-items: center;
      width: 100%;
    }

    [data-theme="dark"] .hp-main-nav {
      background: var(--burgundy);
      padding: 0 24px;
      display: flex !important;
      flex-direction: row !important;
      align-items: center !important;
      justify-content: flex-start !important;
      flex-wrap: nowrap !important;
      height: auto;
      min-height: 48px;
    }

    .hp-site-logo {
      font-family: 'Cinzel', serif;
      font-size: 28px;
      font-weight: 600;
      color: var(--cream);
      display: inline-flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
      flex: 0 0 auto;
      white-space: nowrap;
      padding-right: 28px;
    }

    .hp-site-logo:hover {
      color: var(--gold-light);
    }

    .hp-site-logo .cross {
      color: var(--gold);
      font-size: 24px;
    }

    [data-theme="dark"] .hp-site-logo {
      color: #F5F0E6;
    }

    .hp-nav-links {
      display: block;
      list-style: none;
      flex: 1 1 0;
      min-width: 0;
      padding: 0;
      margin: 0;
      align-self: stretch;
    }

    /* ── CLUSTER LABELS ROW ── */
    .hp-nav-cluster-labels {
      display: flex;
      align-items: center;
      padding: 6px 0 0;
      pointer-events: none;
      list-style: none;
    }
    .hp-nav-clabel {
      font-family: 'Cinzel', serif;
      font-size: 0.58rem;
      font-weight: 500;
      letter-spacing: 0.26em;
      text-transform: uppercase;
      color: var(--gold);
      opacity: 0.7;
    }
    .hp-nav-clabel-mid { margin-left: auto; margin-right: auto; }
    .hp-nav-clabel-right { margin-left: auto; }

    /* ── ROW WRAPPERS ── */
    .hp-nav-row-wrap { list-style: none; display: block; }
    .hp-nav-row1-wrap { border-bottom: 1px solid rgba(201,162,39,0.12); }
    .hp-nav-row-inner {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 4px 0;
    }

    /* ── NAV LINKS ── */
    .hp-nav-link {
      font-family: 'Cinzel', serif;
      font-size: 0.72rem;
      font-weight: 500;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(237,228,204,0.95);
      text-decoration: none;
      padding: 6px 10px;
      white-space: nowrap;
      display: block;
      transition: color 0.15s;
    }
    .hp-nav-link:hover { color: var(--gold-light); }
    .hp-nav-deep { color: var(--gold) !important; opacity: 0.9; }
    .hp-nav-deep:hover { color: var(--gold-light) !important; opacity: 1; }

    /* ── SEPARATORS ── */
    .hp-nav-pip {
      width: 1px; height: 18px;
      background: var(--gold); opacity: 0.28;
      flex-shrink: 0; margin: 0 4px;
    }
    .hp-nav-pip-sm { height: 14px; opacity: 0.18; }
    .hp-nav-spacer { flex: 1; }
    .hp-nav-gold-sep {
      width: 1px; height: 18px;
      background: var(--gold); opacity: 0.5;
      flex-shrink: 0; margin: 0 10px;
    }

    /* ── AUDIO BUTTON ── */
    .hp-nav-audio {
      display: flex; align-items: center; gap: 6px;
      cursor: pointer; padding: 0 8px 0 0;
      opacity: 0.72; transition: opacity 0.15s; flex-shrink: 0;
    }
    .hp-nav-audio:hover { opacity: 1; }
    .hp-nav-audio-ring {
      width: 24px; height: 24px; border-radius: 50%;
      border: 1px solid var(--gold);
      background: rgba(201,162,39,0.08);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0; transition: background 0.15s;
    }
    .hp-nav-audio:hover .hp-nav-audio-ring { background: rgba(201,162,39,0.22); }
    .hp-nav-audio-label {
      font-family: 'Cinzel', serif; font-size: 0.41rem;
      letter-spacing: 0.16em; text-transform: uppercase;
      color: var(--gold); line-height: 1.4;
    }

    /* ── BLOG PILL ── */
    .hp-tool-blog-link {
      font-family: 'Cinzel', serif; font-size: 0.62rem;
      font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase;
      color: var(--burgundy-dark) !important;
      background: var(--gold); padding: 5px 14px; border-radius: 2px;
      text-decoration: none; white-space: nowrap; transition: background 0.15s; display: block;
    }
    .hp-tool-blog-link:hover { background: var(--gold-light); }

    .hp-theme-toggle:hover {
      background: rgba(255,255,255,0.2);
    }

    .hp-theme-toggle-icon {
      font-size: 14px;
      line-height: 1;
    }

    .hp-theme-toggle-label {
      font-family: 'Cinzel', serif;
      font-size: 9px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--cream);
    }

    [data-theme="dark"] .hp-theme-toggle {
      background: rgba(201, 162, 39, 0.2);
      border-color: var(--gold-dark);
    }

    [data-theme="dark"] .hp-theme-toggle-label {
      color: #F5F0E6;
    }

    /* Tool Bar */
    .hp-tool-bar {
      background: linear-gradient(to bottom, var(--parchment) 0%, var(--cream) 100%);
      border-bottom: 2px solid var(--gold);
      display: flex;
      justify-content: center;
      position: relative;
      z-index: 500;
    }

    [data-theme="dark"] .hp-tool-bar {
      background: linear-gradient(to bottom, #252220 0%, #1a1614 100%);
      border-bottom-color: var(--gold-dark);
    }

    .hp-tool-item {
      position: relative;
    }

    .hp-tool-button {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 12px 22px;
      background: transparent;
      border: none;
      border-right: 1px solid rgba(114, 47, 55, 0.12);
      cursor: pointer;
      color: var(--ink);
      transition: all 0.2s ease;
      height: 48px;
      text-decoration: none;
    }

    .hp-tool-item:last-child .hp-tool-button {
      border-right: none;
    }

    .hp-tool-button:hover {
      background: rgba(201, 162, 39, 0.15);
    }

    .hp-tool-icon {
      font-size: 16px;
      width: 22px;
      text-align: center;
    }

    .hp-tool-label {
      font-family: 'Cinzel', serif;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      color: var(--burgundy);
    }

    [data-theme="dark"] .hp-tool-label {
      color: var(--burgundy);
    }

    .hp-tool-sublabel {
      font-family: 'Crimson Text', serif;
      font-size: 11px;
      color: var(--ink-light);
      margin-left: 4px;
      font-style: italic;
    }

    .hp-tool-slideout {
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%) translateY(10px);
      width: 260px;
      background: var(--parchment);
      border: 1px solid var(--gold);
      border-top: 3px solid var(--burgundy);
      border-radius: 0 0 4px 4px;
      box-shadow: 0 8px 24px var(--shadow-deep);
      padding: 18px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.25s ease;
      z-index: 600;
    }

    .hp-tool-slideout::before {
      content: '';
      position: absolute;
      top: -8px;
      left: 50%;
      transform: translateX(-50%);
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid var(--burgundy);
    }

    .hp-tool-item:hover .hp-tool-slideout {
      opacity: 1;
      visibility: visible;
      transform: translateX(-50%) translateY(0);
    }

    .hp-slideout-title {
      font-family: 'Cinzel', serif;
      font-size: 14px;
      font-weight: 600;
      color: var(--burgundy);
      margin-bottom: 8px;
    }

    .hp-slideout-description {
      font-size: 13px;
      color: var(--ink-light);
      line-height: 1.5;
      margin-bottom: 12px;
    }

    .hp-slideout-cta {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: 'Cinzel', serif;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      color: var(--cream);
      background: var(--burgundy);
      padding: 8px 14px;
      border-radius: 3px;
      transition: all 0.2s ease;
      text-decoration: none;
    }

    .hp-slideout-cta:hover {
      background: var(--burgundy-dark);
    }

    /* Responsive Header */
    @media (max-width: 1100px) {
      .hp-nav-links > li > a {
        padding: 28px 12px;
        font-size: 12px;
      }
    }

    @media (max-width: 900px) {
      .hp-nav-links {
        display: none;
      }
      
      .hp-tool-sublabel {
        display: none;
      }
    }

    @media (max-width: 600px) {
      .hp-tool-label {
        display: none;
      }
      
      .hp-tool-icon {
        font-size: 20px;
      }
      
      .hp-site-logo {
        font-size: 22px;
      }
    }
    </style>
</head>
<body class="home wp-singular page-template-default page page-id-76 wp-custom-logo wp-embed-responsive wp-theme-kadence wp-child-theme-kadence-child theme-kadence woocommerce-no-js footer-on-bottom hide-focus-outline link-style-standard content-title-style-hide content-width-fullwidth content-style-unboxed content-vertical-padding-hide non-transparent-header mobile-non-transparent-header">

<!-- ═══════════════════════════════════════════════════════════════
     CUSTOM HEADER
     ═══════════════════════════════════════════════════════════════ -->
<header class="hp-site-header">
    <nav class="hp-main-nav">
        <a href="https://domvsdei.com" class="hp-site-logo">
            <span class="cross">☩</span>
            Domus Dei
        </a>
        <div class="hp-nav-audio hp-nav-audio-standalone" title="About Domus Dei — Audio Introduction">
          <div class="hp-nav-audio-ring">
            <svg viewBox="0 0 10 10" fill="none" width="9" height="9"><path d="M3 2L8 5L3 8V2Z" fill="#C9A227"/></svg>
          </div>
          <span class="hp-nav-audio-label">About<br>Domus Dei</span>
        </div>
        <ul class="hp-nav-links">

          <!-- CLUSTER LABELS -->
          <li class="hp-nav-cluster-labels" aria-hidden="true">
            <span class="hp-nav-clabel">Apologetical</span>
            <span class="hp-nav-clabel hp-nav-clabel-mid">History &amp; Thought</span>
            <span class="hp-nav-clabel hp-nav-clabel-right">Liturgical</span>
          </li>

          <!-- ROW 1: THREE GROUPED ZONES -->
          <li class="hp-nav-row-wrap hp-nav-row1-wrap" role="presentation">
            <div class="hp-nav-row-inner">
              <div class="hp-nav-zone">
                <a href="/catholic-apologetics/" class="hp-nav-link">Apologetics</a>
                <a href="/the-one-holy-cathoilc-and-apostolic-church/" class="hp-nav-link">The Church</a>
              </div>
              <span class="hp-nav-pip" aria-hidden="true"></span>
              <div class="hp-nav-zone">
                <a href="/history/" class="hp-nav-link">Catholic History</a>
                <a href="/the-faith/" class="hp-nav-link">The Faith</a>
              </div>
              <span class="hp-nav-pip" aria-hidden="true"></span>
              <div class="hp-nav-zone">
                <a href="/the-liturgies-of-the-catholic-church/" class="hp-nav-link">Liturgy</a>
                <a href="/the-traditional-latin-mass/" class="hp-nav-link">Latin Mass</a>
              </div>
            </div>
          </li>

          <!-- ROW 2: SUB-TOPICS -->
          <li class="hp-nav-row-wrap hp-nav-row2-wrap" role="presentation">
            <div class="hp-nav-row-inner">
              <a href="/the-faith/typology/" class="hp-nav-link">Typology</a>
              <a href="/the-faith/science-and-faith/" class="hp-nav-link">Science &amp; Faith</a>
              <span class="hp-nav-pip hp-nav-pip-sm" aria-hidden="true"></span>
              <a href="/the-one-holy-cathoilc-and-apostolic-church/orthodoxy/" class="hp-nav-link">Orthodoxy</a>
              <a href="/visual-learning/church-structure/college-of-cardinals/" class="hp-nav-link">Cardinals</a>
              <a href="/history/bishops/" class="hp-nav-link">Bishops</a>
              <span class="hp-nav-spacer" aria-hidden="true"></span>
              <a href="/visual-learning/catholic-church/ecumenical-councils/" class="hp-nav-link">Councils</a>
              <a href="/visual-learning/catholic-church/the-papacy/" class="hp-nav-link">Papacy</a>
              <span class="hp-nav-gold-sep" aria-hidden="true"></span>
              <a href="/liturgical-movement/" class="hp-nav-link hp-nav-deep">Liturgical Movement</a>
              <a href="/vatican-ii/" class="hp-nav-link hp-nav-deep">Vatican II</a>
            </div>
          </li>

        </ul>
        <button class="hp-theme-toggle" style="display:none;" onclick="toggleHpTheme()" aria-label="Toggle dark mode">
            <span class="hp-theme-toggle-icon">🌙</span>
            <span class="hp-theme-toggle-label">Dark</span>
        </button>
    </nav>

    <div class="hp-tool-bar">
        <div class="hp-tool-item">
            <a href="/latin-mass-ordo-missae/" class="hp-tool-button">
                <span class="hp-tool-icon">📖</span>
                <span class="hp-tool-label">Missal</span>
            </a>
            <div class="hp-tool-slideout">
                <div class="hp-slideout-title">📖 Interactive Missal</div>
                <p class="hp-slideout-description">Follow the Traditional Latin Mass with Latin-English text, audio, and rubrics.</p>
                <a href="/latin-mass-ordo-missae/" class="hp-slideout-cta">Open Missal →</a>
            </div>
        </div>
        <div class="hp-tool-item">
            <a href="https://domvsdei.com/the-holy-rosary/" class="hp-tool-button">
                <span class="hp-tool-icon">📿</span>
                <span class="hp-tool-label">Rosary</span>
            </a>
            <div class="hp-tool-slideout">
                <div class="hp-slideout-title">📿 Pray the Rosary</div>
                <p class="hp-slideout-description">Guided Latin/English Rosary with audio and all four mysteries.</p>
                <a href="https://domvsdei.com/the-holy-rosary/" class="hp-slideout-cta">Begin Prayer →</a>
            </div>
        </div>
        <div class="hp-tool-item">
            <a href="/propers/" class="hp-tool-button">
                <span class="hp-tool-icon">📜</span>
                <span class="hp-tool-label">Propers</span>
                <span class="hp-tool-sublabel">· Sexagesima</span>
            </a>
            <div class="hp-tool-slideout">
                <div class="hp-slideout-title">📜 Today's Propers</div>
                <p class="hp-slideout-description">Variable prayers and readings for today's Traditional Latin Mass.</p>
                <a href="/propers/" class="hp-slideout-cta">View Propers →</a>
            </div>
        </div>
        <div class="hp-tool-item">
            <a href="/calendar/" class="hp-tool-button">
                <span class="hp-tool-icon">📅</span>
                <span class="hp-tool-label">Calendar</span>
                <span class="hp-tool-sublabel">· Mar 21</span>
            </a>
            <div class="hp-tool-slideout">
                <div class="hp-slideout-title">📅 Liturgical Calendar</div>
                <p class="hp-slideout-description">Traditional Roman calendar with feasts, fasts, and octaves.</p>
                <a href="/calendar/" class="hp-slideout-cta">View Calendar →</a>
            </div>
        </div>
        <div class="hp-tool-item">
            <a href="/about/" class="hp-tool-button">
                <span class="hp-tool-icon">✝️</span>
                <span class="hp-tool-label">About</span>
            </a>
            <div class="hp-tool-slideout">
                <div class="hp-slideout-title">✝️ About Domus Dei</div>
                <p class="hp-slideout-description">Our mission: defending the Faith, preserving the Liturgy, proclaiming timeless truth.</p>
                <a href="/about/" class="hp-slideout-cta">Learn More →</a>
            </div>
        </div>
        <div class="hp-tool-item">
            <a href="/mass-finder/" class="hp-tool-button">
                <span class="hp-tool-icon">⛪</span>
                <span class="hp-tool-label">Mass Finder</span>
            </a>
            <div class="hp-tool-slideout">
                <div class="hp-slideout-title">⛪ Reverent Mass Finder</div>
                <p class="hp-slideout-description">Find a Traditional Latin Mass or reverent Novus Ordo near you.</p>
                <a href="/mass-finder/" class="hp-slideout-cta">Find a Mass →</a>
            </div>
        </div>
    </div>
</header>


<style>
/* ═══════════════════════════════════════════════════════════════
   HOMEPAGE STYLES (Scoped with hp- prefix)
   ═══════════════════════════════════════════════════════════════ */

.hp-page-body {
    display: flex;
    justify-content: center;
    background: var(--cream, #F5F0E6);
}

.hp-left-gutter {
    width: 390px;
    flex-shrink: 0;
    padding: 30px 20px 40px 24px;
}

.hp-main-content {
    flex: 1;
    max-width: 920px;
    min-width: 0;
}

.hp-right-gutter {
    width: 390px;
    flex-shrink: 0;
    padding: 30px 24px 40px 20px;
}

/* Gutter Sections */
.hp-gutter-section {
    margin-bottom: 28px;
}

.hp-gutter-header {
    font-family: 'Cinzel', serif;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--burgundy, #722F37);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--cream-dark, #E8E0D0);
}

/* Featured Video */
.hp-video-thumbnail {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    background: var(--ink, #1C1714);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
    transition: transform 0.2s ease;
    display: block;
}

.hp-video-thumbnail:hover {
    transform: scale(1.02);
}

.hp-video-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.85;
}

.hp-video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: var(--burgundy, #722F37);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cream, #F5F0E6);
    font-size: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    transition: all 0.2s ease;
}

.hp-video-thumbnail:hover .hp-video-play-btn {
    background: var(--gold, #C9A227);
    transform: translate(-50%, -50%) scale(1.1);
}

.hp-video-title {
    font-size: 15px;
    color: var(--ink, #1C1714);
    line-height: 1.4;
    margin-bottom: 8px;
}

.hp-gutter-link {
    font-family: 'Cinzel', serif;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--burgundy, #722F37);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.hp-gutter-link:hover {
    color: var(--gold-dark, #8B6914);
    gap: 8px;
}

/* Today Box */
.hp-today-box {
    background: var(--parchment, #FAF7F2);
    border-radius: 4px;
    padding: 16px;
    border-left: 3px solid var(--gold, #C9A227);
}

.hp-today-date {
    font-family: 'Cinzel', serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--burgundy, #722F37);
    margin-bottom: 2px;
}

.hp-today-liturgical {
    font-size: 16px;
    color: var(--ink, #1C1714);
    font-style: italic;
    margin-bottom: 14px;
}

.hp-today-links {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Saint Card */
.hp-saint-card {
    background: var(--parchment, #FAF7F2);
    border-radius: 4px;
    padding: 16px;
    border-left: 3px solid var(--burgundy, #722F37);
}

.hp-saint-name {
    font-family: 'Cinzel', serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--burgundy, #722F37);
    margin-bottom: 2px;
}

.hp-saint-feast {
    font-size: 13px;
    color: var(--gold-dark, #8B6914);
    font-style: italic;
    margin-bottom: 10px;
}

.hp-saint-desc {
    font-size: 14px;
    color: var(--ink-light, #3D352F);
    line-height: 1.55;
    margin-bottom: 12px;
}

/* Wisdom Box */
.hp-wisdom-box {
    background: linear-gradient(135deg, var(--burgundy, #722F37) 0%, var(--burgundy-dark, #5a252c) 100%);
    border-radius: 4px;
    padding: 18px;
}

.hp-wisdom-quote {
    font-size: 17px;
    color: var(--cream, #F5F0E6);
    line-height: 1.55;
    font-style: italic;
    margin-bottom: 12px;
}

.hp-wisdom-attribution {
    font-family: 'Cinzel', serif;
    font-size: 12px;
    color: var(--gold-light, #D4B848);
}

/* Content Sections */
.hp-content-section {
    padding: 40px 30px;
}

.hp-content-section.alt-bg {
    background: linear-gradient(to bottom, var(--cream-dark, #E8E0D0) 0%, var(--cream, #F5F0E6) 100%);
    border-top: 1px solid var(--cream-dark, #E8E0D0);
    border-bottom: 1px solid var(--cream-dark, #E8E0D0);
}

/* Featured Article */
.hp-featured-article {
    background: var(--parchment, #FAF7F2);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 4px 20px var(--shadow, rgba(44, 36, 32, 0.12));
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.hp-featured-image {
    min-height: 320px;
    background: var(--ink-light, #3D352F);
    position: relative;
    overflow: hidden;
}

.hp-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.hp-featured-category-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--burgundy, #722F37);
    color: var(--cream, #F5F0E6);
    font-family: 'Cinzel', serif;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 6px 12px;
    border-radius: 2px;
    z-index: 1;
}

.hp-featured-content {
    padding: 36px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hp-featured-title {
    font-family: 'Cinzel', serif;
    font-size: 24px;
    font-weight: 600;
    color: var(--burgundy, #722F37);
    line-height: 1.3;
    margin-bottom: 16px;
    text-decoration: none;
    display: block;
}

.hp-featured-title:hover {
    color: var(--burgundy-dark, #5a252c);
}

.hp-featured-excerpt {
    font-size: 16px;
    color: var(--ink-light, #3D352F);
    line-height: 1.7;
    margin-bottom: 20px;
}

.hp-featured-meta {
    font-size: 13px;
    color: var(--ink-light, #3D352F);
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.hp-featured-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* Section Headers */
.hp-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.hp-section-title {
    font-family: 'Cinzel', serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--burgundy, #722F37);
}

.hp-section-link {
    font-family: 'Cinzel', serif;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--gold-dark, #8B6914);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.hp-section-link:hover {
    color: var(--burgundy, #722F37);
    gap: 10px;
}

/* Recent Articles Grid */
.hp-recent-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.hp-article-card {
    background: var(--parchment, #FAF7F2);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 3px 14px var(--shadow, rgba(44, 36, 32, 0.12));
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
}

.hp-article-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px var(--shadow-deep, rgba(44, 36, 32, 0.2));
}

.hp-article-card-image {
    width: 100%;
    height: 150px;
    background: var(--ink-light, #3D352F);
    overflow: hidden;
    display: block;
}

.hp-article-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.hp-article-card:hover .hp-article-card-image img {
    transform: scale(1.03);
}

.hp-article-card-content {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.hp-article-card-category {
    font-family: 'Cinzel', serif;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--gold-dark, #8B6914);
    margin-bottom: 6px;
}

.hp-article-card-title {
    font-family: 'Cinzel', serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--burgundy, #722F37);
    line-height: 1.35;
    margin-bottom: 8px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.hp-article-card-title:hover {
    color: var(--burgundy-dark, #5a252c);
}

.hp-article-card-content > a {
    text-decoration: none;
}

.hp-article-card-meta {
    font-size: 12px;
    color: var(--ink-light, #3D352F);
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.hp-article-card-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--cream-dark, #E8E0D0);
}

/* Audio Controls */
.hp-audio-with-speed {
    display: flex;
    align-items: center;
    gap: 6px;
}

.hp-audio-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    background: var(--burgundy, #722F37);
    color: var(--cream, #F5F0E6);
    border: none;
    border-radius: 4px;
    font-family: 'Cinzel', serif;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.hp-audio-btn:hover {
    background: var(--burgundy-dark, #5a252c);
}

.hp-audio-btn.playing {
    background: var(--gold-dark, #8B6914);
}

.hp-audio-icon {
    font-size: 12px;
}

.hp-audio-speed-btn {
    padding: 6px 8px;
    background: var(--cream-dark, #E8E0D0);
    color: var(--burgundy, #722F37);
    border: none;
    border-radius: 4px;
    font-family: 'Cinzel', serif;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    min-width: 32px;
    transition: all 0.2s ease;
}

.hp-audio-speed-btn:hover {
    background: var(--gold, #C9A227);
    color: white;
}

/* Share Buttons */
.hp-share-buttons {
    display: flex;
    gap: 6px;
}

.hp-share-btn {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--cream-dark, #E8E0D0);
    color: var(--ink-light, #3D352F);
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.hp-share-btn:hover {
    background: var(--burgundy, #722F37);
    color: var(--cream, #F5F0E6);
}

/* Dark mode adjustments */
[data-theme="dark"] .hp-article-card-actions {
    border-top-color: #3d352f;
}

[data-theme="dark"] .hp-audio-speed-btn {
    background: #3d352f;
    color: var(--cream);
}

[data-theme="dark"] .hp-share-btn {
    background: #3d352f;
    color: var(--ink-light);
}

[data-theme="dark"] .hp-share-btn:hover {
    background: var(--burgundy);
    color: var(--cream);
}

/* Resources Grid */
.hp-resources-header {
    text-align: center;
    margin-bottom: 28px;
}

.hp-resources-title {
    font-family: 'Cinzel', serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--burgundy, #722F37);
    margin-bottom: 6px;
}

.hp-resources-subtitle {
    font-size: 15px;
    color: var(--ink-light, #3D352F);
    font-style: italic;
}

.hp-resources-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.hp-resource-card {
    background: var(--parchment, #FAF7F2);
    border-radius: 6px;
    padding: 22px 16px;
    text-align: center;
    box-shadow: 0 3px 14px var(--shadow, rgba(44, 36, 32, 0.12));
    border: 1px solid transparent;
    transition: all 0.25s ease;
    text-decoration: none;
    display: block;
}

.hp-resource-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px var(--shadow-deep, rgba(44, 36, 32, 0.2));
    border-color: var(--gold, #C9A227);
}

.hp-resource-icon {
    font-size: 26px;
    margin-bottom: 10px;
}

.hp-resource-name {
    font-family: 'Cinzel', serif;
    font-size: 11px;
    font-weight: 600;
    color: var(--burgundy, #722F37);
    margin-bottom: 4px;
}

.hp-resource-desc {
    font-size: 11px;
    color: var(--ink-light, #3D352F);
    line-height: 1.4;
}

/* Explore Grid */
.hp-explore-header {
    text-align: center;
    margin-bottom: 28px;
}

.hp-explore-title {
    font-family: 'Cinzel', serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--burgundy, #722F37);
    margin-bottom: 6px;
}

.hp-explore-subtitle {
    font-size: 15px;
    color: var(--ink-light, #3D352F);
    font-style: italic;
}

.hp-explore-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.hp-explore-card {
    background: var(--parchment, #FAF7F2);
    border-radius: 6px;
    padding: 22px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: 0 3px 14px var(--shadow, rgba(44, 36, 32, 0.12));
    transition: all 0.25s ease;
    border-left: 4px solid var(--burgundy, #722F37);
    text-decoration: none;
}

.hp-explore-card:hover {
    transform: translateX(4px);
    box-shadow: 0 6px 20px var(--shadow-deep, rgba(44, 36, 32, 0.2));
}

.hp-explore-card-icon {
    font-size: 22px;
    flex-shrink: 0;
}

.hp-explore-card-content {
    flex: 1;
}

.hp-explore-card-title {
    font-family: 'Cinzel', serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--burgundy, #722F37);
    margin-bottom: 4px;
}

.hp-explore-card-desc {
    font-size: 12px;
    color: var(--ink-light, #3D352F);
    line-height: 1.4;
}

/* Right Gutter - Learning Callout */
.hp-learning-callout {
    background: linear-gradient(135deg, var(--parchment, #FAF7F2) 0%, var(--cream, #F5F0E6) 100%);
    border: 2px solid var(--gold, #C9A227);
    border-radius: 6px;
    padding: 18px;
    text-align: center;
}

.hp-learning-icon {
    font-size: 32px;
    margin-bottom: 10px;
}

.hp-learning-title {
    font-family: 'Cinzel', serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--burgundy, #722F37);
    margin-bottom: 10px;
}

.hp-learning-desc {
    font-size: 14px;
    color: var(--ink-light, #3D352F);
    line-height: 1.55;
    margin-bottom: 16px;
}

.hp-learning-cta {
    display: inline-block;
    font-family: 'Cinzel', serif;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--cream, #F5F0E6);
    background: var(--burgundy, #722F37);
    padding: 12px 18px;
    border-radius: 4px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.hp-learning-cta:hover {
    background: var(--gold-dark, #8B6914);
    transform: translateY(-2px);
}

/* FAQ Styles */
.hp-questions-header {
    font-family: 'Cinzel', serif;
    font-size: 16px;
    font-weight: 600;
    color: var(--burgundy, #722F37);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--gold, #C9A227);
}

.hp-faq-section {
    margin-bottom: 28px;
}

.hp-faq-category {
    font-family: 'Cinzel', serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--gold-dark, #8B6914);
    margin-bottom: 12px;
}

.hp-faq-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hp-faq-list li {
    margin-bottom: 0;
    border-bottom: 1px solid var(--cream-dark, #E8E0D0);
}

.hp-faq-list li:last-child {
    border-bottom: none;
}

.hp-faq-question {
    font-size: 15px;
    color: var(--ink, #1C1714);
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    cursor: pointer;
    transition: color 0.15s ease;
}

.hp-faq-question:hover {
    color: var(--burgundy, #722F37);
}

.hp-faq-question-text {
    flex: 1;
}

.hp-faq-toggle {
    font-size: 10px;
    color: var(--gold-dark, #8B6914);
    transition: transform 0.2s ease;
    flex-shrink: 0;
    margin-left: auto;
}

.hp-faq-list li.expanded .hp-faq-toggle {
    transform: rotate(90deg);
}

/* FAQ Play Button - Perfect Circle with CSS Triangle */
.hp-faq-play-btn {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    max-width: 24px;
    max-height: 24px;
    border-radius: 50%;
    background: var(--burgundy, #722F37);
    border: none;
    outline: none;
    cursor: pointer;
    flex-shrink: 0;
    flex-grow: 0;
    transition: all 0.2s ease;
    padding: 0;
    position: relative;
    display: inline-block;
}

.hp-faq-play-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #F5F0E6;
}

.hp-faq-play-btn.playing::before {
    border: none;
    width: 8px;
    height: 8px;
    background: #F5F0E6;
    border-radius: 1px;
    transform: translate(-50%, -50%);
}

.hp-faq-play-btn:hover {
    background: var(--gold, #C9A227);
    transform: scale(1.1);
}

.hp-faq-play-btn:focus {
    outline: none;
}

.hp-faq-play-btn.playing {
    background: var(--gold-dark, #8B6914);
}

[data-theme="dark"] .hp-faq-play-btn {
    background: var(--burgundy-dark, #722F37);
}

[data-theme="dark"] .hp-faq-play-btn:hover {
    background: var(--gold, #C9A227);
}

.hp-faq-list .lead-question .hp-faq-question {
    font-weight: 600;
    color: var(--burgundy, #722F37);
}

.hp-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0;
}

.hp-faq-list li.expanded .hp-faq-answer {
    max-height: 500px;
    padding: 0 0 12px 0;
}

.hp-faq-answer-text {
    font-size: 14px;
    color: var(--ink-light, #3D352F);
    line-height: 1.6;
    margin-bottom: 12px;
    padding: 14px 16px;
    background: var(--parchment, #FAF7F2);
    border-left: 3px solid var(--gold, #C9A227);
    border-radius: 0 4px 4px 0;
    text-align: left;
}

.hp-faq-read-more {
    font-family: 'Cinzel', serif;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--burgundy, #722F37);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 12px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.hp-faq-read-more:hover {
    color: var(--gold-dark, #8B6914);
    gap: 6px;
}

.hp-faq-more {
    font-family: 'Cinzel', serif;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--burgundy, #722F37);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.hp-faq-more:hover {
    color: var(--gold-dark, #8B6914);
    gap: 8px;
}

/* Dark Mode */
[data-theme="dark"] .hp-page-body {
    background: #1A1614;
}

[data-theme="dark"] .hp-video-title,
[data-theme="dark"] .hp-today-liturgical {
    color: var(--ink, #F5F0E6);
}

[data-theme="dark"] .hp-wisdom-box {
    background: linear-gradient(135deg, #2a2420 0%, #1f1c1a 100%);
    border: 1px solid var(--burgundy-dark);
}

[data-theme="dark"] .hp-learning-callout {
    background: linear-gradient(135deg, #252220 0%, #1a1614 100%);
}

[data-theme="dark"] .hp-faq-answer-text {
    background: #252220;
}

[data-theme="dark"] .hp-today-box,
[data-theme="dark"] .hp-saint-card {
    background: #1f1c1a;
}

[data-theme="dark"] .hp-featured-article,
[data-theme="dark"] .hp-article-card,
[data-theme="dark"] .hp-resource-card,
[data-theme="dark"] .hp-explore-card {
    background: #1f1c1a;
}

[data-theme="dark"] .hp-content-section.alt-bg {
    background: linear-gradient(to bottom, #252220 0%, #1A1614 100%);
    border-color: #3d352f;
}

[data-theme="dark"] .hp-faq-question {
    color: var(--ink, #F5F0E6);
}

/* Responsive */
@media (max-width: 1400px) {
    .hp-left-gutter,
    .hp-right-gutter {
        width: 300px;
    }

    .hp-featured-article {
        grid-template-columns: 1fr;
    }

    .hp-featured-image {
        min-height: 240px;
    }

    .hp-featured-content {
        padding: 28px 32px;
    }
}

@media (max-width: 1200px) {
    .hp-left-gutter,
    .hp-right-gutter {
        display: none;
    }

    .hp-page-body {
        display: block;
    }

    .hp-main-content {
        max-width: 100%;
    }

    .hp-resources-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .hp-recent-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hp-explore-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .hp-content-section {
        padding: 30px 20px;
    }

    .hp-recent-grid {
        grid-template-columns: 1fr;
    }

    .hp-resources-grid {
        grid-template-columns: 1fr 1fr;
    }

    .hp-explore-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 500px) {
    .hp-resources-grid {
        grid-template-columns: 1fr;
    }
}
</style>

<div class="hp-page-body">

    <!-- LEFT GUTTER -->
    <aside class="hp-left-gutter">
        
        <!-- Featured Video -->
        <div class="hp-gutter-section">
            <div class="hp-gutter-header">Featured Video</div>
            <a href="https://youtube.com/@domusdei" class="hp-video-thumbnail" target="_blank">
                <img src="https://i.ytimg.com/vi/dQw4w9WgXcQ/maxresdefault.jpg" alt="Featured video thumbnail">
                <span class="hp-video-play-btn">▶</span>
            </a>
            <div class="hp-video-title">Why the Traditional Latin Mass Is Growing</div>
            <a href="https://youtube.com/@domusdei" class="hp-gutter-link" target="_blank">Watch on YouTube →</a>
        </div>

        <!-- Today in the Church -->
        <div class="hp-gutter-section">
            <div class="hp-gutter-header">Today in the Church</div>
            <div class="hp-today-box">
                <div class="hp-today-date">Saturday, March 21</div>
                <div class="hp-today-liturgical">Feria of Sexagesima Week</div>
                <div class="hp-today-links">
                    <a href="/propers/" class="hp-gutter-link">View Propers →</a>
                    <a href="/calendar/" class="hp-gutter-link">Full Calendar →</a>
                </div>
            </div>
        </div>

        <!-- Saint of the Day -->
        <div class="hp-gutter-section">
            <div class="hp-gutter-header">Saint of the Day</div>
            <div class="hp-saint-card">
                <div class="hp-saint-name">St. Simeon of Jerusalem</div>
                <div class="hp-saint-feast">Bishop &amp; Martyr</div>
                <p class="hp-saint-desc">Second Bishop of Jerusalem, succeeded St. James the Less. Martyred under Emperor Trajan.</p>
                <a href="/saints/" class="hp-gutter-link">Learn More →</a>
            </div>
        </div>

        <!-- Daily Wisdom -->
        <div class="hp-gutter-section">
            <div class="hp-gutter-header">Daily Wisdom</div>
            <div class="hp-wisdom-box">
                <p class="hp-wisdom-quote">"The Mass is the most perfect form of prayer."</p>
                <div class="hp-wisdom-attribution">— Pope St. Pius X</div>
            </div>
        </div>

    </aside>

    <!-- MAIN CONTENT -->
    <main class="hp-main-content">

        <!-- Featured Article (Dynamic from Sticky Post) -->
                <section class="hp-content-section">
            <article class="hp-featured-article">
                <div class="hp-featured-image">
                                        <img src="https://domvsdei.com/wp-content/uploads/2025/07/Traditional-Latin-Mass-Painting-1024x541.png" alt="Defending the Traditional Latin Mass: A Rebuttal to Recent Criticisms">
                                        <span class="hp-featured-category-badge">Featured · Featured</span>
                </div>
                <div class="hp-featured-content">
                    <a href="https://domvsdei.com/featured/defending-the-traditional-latin-mass-a-rebuttal-to-recent-criticisms/" class="hp-featured-title">Defending the Traditional Latin Mass: A Rebuttal to Recent Criticisms</a>
                    <p class="hp-featured-excerpt">A recent commentary claimed that supporters of the Traditional Latin Mass (TLM) are clinging to a “harmful, discarnate ideology” that...</p>
                    <div class="hp-featured-meta">
                        <span>📅 July 3, 2025</span>
                        <span>⏱️ 42 min read</span>
                        <span>📝 8,384 words</span>
                    </div>
                    <div class="hp-featured-actions">
                                                <div class="hp-audio-with-speed" data-audio="https://domvsdei.com/wp-content/uploads/audio/blog-posts/liturgy/Defending-the-TLM/Defending-TLM-Against-Recent-Criticisms.mp3">
                            <button class="hp-audio-btn" onclick="playHpAudio(this)">
                                <span class="hp-audio-icon">🎧</span>
                                <span>Listen</span>
                            </button>
                            <button class="hp-audio-speed-btn" onclick="cycleHpAudioSpeed(this)">1×</button>
                        </div>
                                                <div class="hp-share-buttons">
                            <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdomvsdei.com%2Ffeatured%2Fdefending-the-traditional-latin-mass-a-rebuttal-to-recent-criticisms%2F" class="hp-share-btn" title="Share on Facebook" target="_blank" rel="noopener">f</a>
                            <a href="https://twitter.com/intent/tweet?text=Defending+the+Traditional+Latin+Mass%3A+A+Rebuttal+to+Recent+Criticisms&url=https%3A%2F%2Fdomvsdei.com%2Ffeatured%2Fdefending-the-traditional-latin-mass-a-rebuttal-to-recent-criticisms%2F" class="hp-share-btn" title="Share on X" target="_blank" rel="noopener">𝕏</a>
                            <a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fdomvsdei.com%2Ffeatured%2Fdefending-the-traditional-latin-mass-a-rebuttal-to-recent-criticisms%2F" class="hp-share-btn" title="Share on LinkedIn" target="_blank" rel="noopener">in</a>
                            <a href="mailto:?subject=Defending+the+Traditional+Latin+Mass%3A+A+Rebuttal+to+Recent+Criticisms+%7C+Domus+Dei&body=Check+out+this+article%3A+https%3A%2F%2Fdomvsdei.com%2Ffeatured%2Fdefending-the-traditional-latin-mass-a-rebuttal-to-recent-criticisms%2F" class="hp-share-btn" title="Share via Email">✉</a>
                        </div>
                    </div>
                </div>
            </article>
        </section>
        
        <!-- Recent Articles (Dynamic) -->
        <section class="hp-content-section">
            <div class="hp-section-header">
                <h2 class="hp-section-title">Recent Articles</h2>
                <a href="/blog/" class="hp-section-link">View All →</a>
            </div>
            <div class="hp-recent-grid">
                                <div class="hp-article-card">
                    <a href="https://domvsdei.com/uncategorized/unite-the-clans-yes-even-the-reform-of-the-reform/" class="hp-article-card-image">
                                            </a>
                    <div class="hp-article-card-content">
                        <div class="hp-article-card-category">Uncategorized</div>
                        <a href="https://domvsdei.com/uncategorized/unite-the-clans-yes-even-the-reform-of-the-reform/"><h3 class="hp-article-card-title">Unite the Clans — Yes, Even the Reform of the Reform</h3></a>
                        <div class="hp-article-card-meta">
                            <span>📅 Mar 9, 2026</span>
                            <span>⏱️ 12 min</span>
                        </div>
                        <div class="hp-article-card-actions">
                                                        <div class="hp-share-buttons">
                                <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdomvsdei.com%2Funcategorized%2Funite-the-clans-yes-even-the-reform-of-the-reform%2F" class="hp-share-btn" title="Share on Facebook" target="_blank" rel="noopener">f</a>
                                <a href="https://twitter.com/intent/tweet?text=Unite+the+Clans+%E2%80%94+Yes%2C+Even+the+Reform+of+the+Reform&url=https%3A%2F%2Fdomvsdei.com%2Funcategorized%2Funite-the-clans-yes-even-the-reform-of-the-reform%2F" class="hp-share-btn" title="Share on X" target="_blank" rel="noopener">𝕏</a>
                                <a href="mailto:?subject=Unite+the+Clans+%E2%80%94+Yes%2C+Even+the+Reform+of+the+Reform+%7C+Domus+Dei&body=Check+out+this+article%3A+https%3A%2F%2Fdomvsdei.com%2Funcategorized%2Funite-the-clans-yes-even-the-reform-of-the-reform%2F" class="hp-share-btn" title="Share via Email">✉</a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="hp-article-card">
                    <a href="https://domvsdei.com/uncategorized/why-does-the-church-attack-its-own-tradition-a-simple-explanation-for-a-complex-crisis/" class="hp-article-card-image">
                                                <img src="https://domvsdei.com/wp-content/uploads/2025/06/Gemini_Generated_Image_iee05miee05miee0-300x158.png" alt="Why Does the Church Attack Its Own Tradition? A Simple Explanation for a Complex Crisis">
                                            </a>
                    <div class="hp-article-card-content">
                        <div class="hp-article-card-category">Uncategorized</div>
                        <a href="https://domvsdei.com/uncategorized/why-does-the-church-attack-its-own-tradition-a-simple-explanation-for-a-complex-crisis/"><h3 class="hp-article-card-title">Why Does the Church Attack Its Own Tradition? A Simple Explanation for a Complex Crisis</h3></a>
                        <div class="hp-article-card-meta">
                            <span>📅 Jun 18, 2025</span>
                            <span>⏱️ 4 min</span>
                        </div>
                        <div class="hp-article-card-actions">
                                                        <div class="hp-audio-with-speed" data-audio="https://domvsdei.com/wp-content/uploads/audio/blog-posts/liturgy/Defending-the-TLM/church-attacking-its-own-tradition.mp3">
                                <button class="hp-audio-btn" onclick="playHpAudio(this)">
                                    <span class="hp-audio-icon">🎧</span>
                                    <span>Listen</span>
                                </button>
                                <button class="hp-audio-speed-btn" onclick="cycleHpAudioSpeed(this)">1×</button>
                            </div>
                                                        <div class="hp-share-buttons">
                                <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdomvsdei.com%2Funcategorized%2Fwhy-does-the-church-attack-its-own-tradition-a-simple-explanation-for-a-complex-crisis%2F" class="hp-share-btn" title="Share on Facebook" target="_blank" rel="noopener">f</a>
                                <a href="https://twitter.com/intent/tweet?text=Why+Does+the+Church+Attack+Its+Own+Tradition%3F+A+Simple+Explanation+for+a+Complex+Crisis&url=https%3A%2F%2Fdomvsdei.com%2Funcategorized%2Fwhy-does-the-church-attack-its-own-tradition-a-simple-explanation-for-a-complex-crisis%2F" class="hp-share-btn" title="Share on X" target="_blank" rel="noopener">𝕏</a>
                                <a href="mailto:?subject=Why+Does+the+Church+Attack+Its+Own+Tradition%3F+A+Simple+Explanation+for+a+Complex+Crisis+%7C+Domus+Dei&body=Check+out+this+article%3A+https%3A%2F%2Fdomvsdei.com%2Funcategorized%2Fwhy-does-the-church-attack-its-own-tradition-a-simple-explanation-for-a-complex-crisis%2F" class="hp-share-btn" title="Share via Email">✉</a>
                            </div>
                        </div>
                    </div>
                </div>
                                <div class="hp-article-card">
                    <a href="https://domvsdei.com/uncategorized/rediscovering-apostolic-faith-the-explosive-growth-of-the-mass-of-st-gregory-the-great/" class="hp-article-card-image">
                                                <img src="https://domvsdei.com/wp-content/uploads/2025/06/tlm-packed-300x200.png" alt="Rediscovering Apostolic Faith: The Explosive Growth of the Mass of St. Gregory the Great">
                                            </a>
                    <div class="hp-article-card-content">
                        <div class="hp-article-card-category">Uncategorized</div>
                        <a href="https://domvsdei.com/uncategorized/rediscovering-apostolic-faith-the-explosive-growth-of-the-mass-of-st-gregory-the-great/"><h3 class="hp-article-card-title">Rediscovering Apostolic Faith: The Explosive Growth of the Mass of St. Gregory the Great</h3></a>
                        <div class="hp-article-card-meta">
                            <span>📅 Jun 18, 2025</span>
                            <span>⏱️ 10 min</span>
                        </div>
                        <div class="hp-article-card-actions">
                                                        <div class="hp-share-buttons">
                                <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdomvsdei.com%2Funcategorized%2Frediscovering-apostolic-faith-the-explosive-growth-of-the-mass-of-st-gregory-the-great%2F" class="hp-share-btn" title="Share on Facebook" target="_blank" rel="noopener">f</a>
                                <a href="https://twitter.com/intent/tweet?text=Rediscovering+Apostolic+Faith%3A+The+Explosive+Growth+of+the+Mass+of+St.+Gregory+the+Great&url=https%3A%2F%2Fdomvsdei.com%2Funcategorized%2Frediscovering-apostolic-faith-the-explosive-growth-of-the-mass-of-st-gregory-the-great%2F" class="hp-share-btn" title="Share on X" target="_blank" rel="noopener">𝕏</a>
                                <a href="mailto:?subject=Rediscovering+Apostolic+Faith%3A+The+Explosive+Growth+of+the+Mass+of+St.+Gregory+the+Great+%7C+Domus+Dei&body=Check+out+this+article%3A+https%3A%2F%2Fdomvsdei.com%2Funcategorized%2Frediscovering-apostolic-faith-the-explosive-growth-of-the-mass-of-st-gregory-the-great%2F" class="hp-share-btn" title="Share via Email">✉</a>
                            </div>
                        </div>
                    </div>
                </div>
                            </div>
        </section>

        <!-- Interactive Resources -->
        <section class="hp-content-section alt-bg">
            <div class="hp-resources-header">
                <h2 class="hp-resources-title">Experience the Faith</h2>
                <p class="hp-resources-subtitle">Tools to deepen your prayer life and understanding</p>
            </div>
            <div class="hp-resources-grid">
                <a href="/latin-mass-ordo-missae/" class="hp-resource-card">
                    <div class="hp-resource-icon">📖</div>
                    <div class="hp-resource-name">Interactive Missal</div>
                    <p class="hp-resource-desc">Latin-English with audio</p>
                </a>
                <a href="https://domvsdei.com/the-holy-rosary/" class="hp-resource-card">
                    <div class="hp-resource-icon">📿</div>
                    <div class="hp-resource-name">Pray the Rosary</div>
                    <p class="hp-resource-desc">Guided experience</p>
                </a>
                <a href="/prayers/" class="hp-resource-card">
                    <div class="hp-resource-icon">🙏</div>
                    <div class="hp-resource-name">Prayer Treasury</div>
                    <p class="hp-resource-desc">Searchable collection</p>
                </a>
                <a href="/mass-finder/" class="hp-resource-card">
                    <div class="hp-resource-icon">⛪</div>
                    <div class="hp-resource-name">Mass Finder</div>
                    <p class="hp-resource-desc">Find a reverent Mass</p>
                </a>
                <a href="/propers/" class="hp-resource-card">
                    <div class="hp-resource-icon">📜</div>
                    <div class="hp-resource-name">Today's Propers</div>
                    <p class="hp-resource-desc">Daily Mass texts</p>
                </a>
            </div>
        </section>

        <!-- Explore the Faith -->
        <section class="hp-content-section">
            <div class="hp-explore-header">
                <h2 class="hp-explore-title">Explore the Faith</h2>
                <p class="hp-explore-subtitle">Deep dives into Catholic teaching and practice</p>
            </div>
            <div class="hp-explore-grid">
                <a href="https://domvsdei.com/catholic-apologetics/" class="hp-explore-card">
                    <div class="hp-explore-card-icon">🛡️</div>
                    <div class="hp-explore-card-content">
                        <div class="hp-explore-card-title">Apologetics</div>
                        <p class="hp-explore-card-desc">Defend the Faith with reason</p>
                    </div>
                </a>
                <a href="https://domvsdei.com/the-one-holy-cathoilc-and-apostolic-church/" class="hp-explore-card">
                    <div class="hp-explore-card-icon">⛪</div>
                    <div class="hp-explore-card-content">
                        <div class="hp-explore-card-title">The Church</div>
                        <p class="hp-explore-card-desc">Ecclesiology and structure</p>
                    </div>
                </a>
                <a href="/category/the-latin-mass/" class="hp-explore-card">
                    <div class="hp-explore-card-icon">📖</div>
                    <div class="hp-explore-card-content">
                        <div class="hp-explore-card-title">The Latin Mass</div>
                        <p class="hp-explore-card-desc">The Traditional Roman Rite</p>
                    </div>
                </a>
                <a href="/category/liturgy/" class="hp-explore-card">
                    <div class="hp-explore-card-icon">🕯️</div>
                    <div class="hp-explore-card-content">
                        <div class="hp-explore-card-title">Liturgy</div>
                        <p class="hp-explore-card-desc">Sacred worship East &amp; West</p>
                    </div>
                </a>
                <a href="/category/prayers/" class="hp-explore-card">
                    <div class="hp-explore-card-icon">🙏</div>
                    <div class="hp-explore-card-content">
                        <div class="hp-explore-card-title">Prayers</div>
                        <p class="hp-explore-card-desc">Treasury of devotion</p>
                    </div>
                </a>
                <a href="/category/history/" class="hp-explore-card">
                    <div class="hp-explore-card-icon">📜</div>
                    <div class="hp-explore-card-content">
                        <div class="hp-explore-card-title">Church History</div>
                        <p class="hp-explore-card-desc">The story through the ages</p>
                    </div>
                </a>
            </div>
        </section>

    </main>

    <!-- RIGHT GUTTER -->
    <aside class="hp-right-gutter">
        
        <!-- Visual Learning Hub Callout -->
        <div class="hp-gutter-section">
            <div class="hp-gutter-header">Go Deeper</div>
            <div class="hp-learning-callout">
                <div class="hp-learning-icon">🗺️</div>
                <div class="hp-learning-title">Visual Learning Hub</div>
                <p class="hp-learning-desc">Interactive timelines, charts, and diagrams exploring the Liturgical Movement, Church history, and Catholic doctrine.</p>
                <a href="/visual-learning-hub/" class="hp-learning-cta">Explore the Hub →</a>
            </div>
        </div>

        <div class="hp-questions-header">Questions?</div>

        <!-- FAQ: The Mass -->
        <div class="hp-faq-section">
            <div class="hp-faq-category">The Mass</div>
            <ul class="hp-faq-list">
                <li class="lead-question" data-answer="For many Catholics, their journey to the Traditional Latin Mass begins with a profound discovery: the Mass they attended their entire lives is not ancient at all. It is likely younger than their parents. The liturgy promulgated by Pope Paul the Sixth in 1969 replaced a form of worship that had organically developed over nearly two millennia.">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">Why are people so passionate about the TLM?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">For many Catholics, their journey to the Traditional Latin Mass begins with a profound discovery: the Mass they attended their entire lives is not ancient at all—it's likely younger than their parents. The liturgy promulgated by Pope Paul VI in 1969 replaced a form of worship that had organically developed over nearly two millennia.</p>
                        <a href="/faqpages/why-passionate-tlm/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
                <li data-answer="This is perhaps the most common misunderstanding about the Traditional Latin Mass, and the evidence overwhelmingly refutes it. Many devotees are too young to remember it at all. The attachment is rooted not in sentimentality for the past, but in substantive theological, liturgical, and spiritual differences.">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">Isn't it just nostalgia?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">This is perhaps the most common misunderstanding about the Traditional Latin Mass—and the evidence overwhelmingly refutes it. Many devotees are too young to remember it at all. The attachment is rooted not in sentimentality for the past, but in substantive theological, liturgical, and spiritual differences.</p>
                        <a href="/faqpages/latin-mass-nostalgia/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
                <li data-answer="Many assume that if the Novus Ordo were celebrated with traditional externals like Latin, ad orientem, and chant, it would be essentially the same as the TLM. This assumption misses the fundamental point. The contention has to do with its very core, with what the reformers removed from the heart of the Mass.">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">What about a reverent Novus Ordo?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">Many assume that if the Novus Ordo were celebrated with traditional externals—Latin, ad orientem, chant—it would be essentially the same as the TLM. This assumption misses the fundamental point. The contention has to do with its very core—with what the reformers removed from the heart of the Mass.</p>
                        <a href="/faqpages/reverent-novus-ordo/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
                <li data-answer="The Church approval makes the Novus Ordo valid and licit. No one disputes this. But approval does not mean optimal, equal, or beyond critique. The Church has approved many things throughout history that were later recognized as imprudent. Papal approval guarantees validity. It does not guarantee wisdom, beauty, or spiritual fruitfulness.">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">The Church approved the NO—doesn't that settle it?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">The Church's approval makes the Novus Ordo valid and licit—no one disputes this. But approval doesn't mean optimal, equal, or beyond critique. The Church has approved many things throughout history that were later recognized as imprudent. Papal approval guarantees validity; it doesn't guarantee wisdom, beauty, or spiritual fruitfulness. The question isn't "Is it allowed?" but "What best serves the glory of God and the sanctification of souls?"</p>
                        <a href="/faqpages/church-approved-novus-ordo/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
                <li data-answer="Validity is the absolute minimum, the bare threshold for a sacrament to occur. It answers, Did this happen, but tells us nothing about whether what happened was offered with the reverence, beauty, and theological richness that such a sacred action deserves. To settle for mere validity is to ask: What is the least I can offer God?">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">If the NO is valid, why seek the TLM?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">Validity is the absolute minimum—the bare threshold for a sacrament to occur. It answers "Did this happen?" but tells us nothing about whether what happened was offered with the reverence, beauty, and theological richness that such a sacred action deserves. To settle for mere validity is to ask: "What is the least I can offer God?"</p>
                        <a href="/faqpages/liturgical-validity/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
                <li data-answer="No. Absolutely not. The Council of Trent did not create the Traditional Latin Mass. What Trent did was codify it, standardize and protect what had already existed organically for over a thousand years. To say Trent created the Traditional Mass is like saying the Council of Nicaea created the doctrine of the Trinity.">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">Wasn't the TLM created by Trent?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">No. Absolutely not. The Council of Trent did not create the Traditional Latin Mass. What Trent did was codify it—standardize and protect what had already existed organically for over a thousand years. To say Trent "created" the Traditional Mass is like saying the Council of Nicaea "created" the doctrine of the Trinity.</p>
                        <a href="/faqpages/trent-created/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
            </ul>
            <a href="/category/the-latin-mass/" class="hp-faq-more">More Questions →</a>
        </div>

        <!-- FAQ: The Faith -->
        <div class="hp-faq-section">
            <div class="hp-faq-category">The Faith</div>
            <ul class="hp-faq-list">
                <li class="lead-question" data-answer="Because the Catholic Church is the Church Christ founded, with the fullness of truth, the valid sacraments, and an unbroken line back to the Apostles.">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">Why be Catholic?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">Because the Catholic Church is the Church Christ founded—with the fullness of truth, the valid sacraments, and an unbroken line back to the Apostles.</p>
                        <a href="/faq/why-be-catholic/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
                <li data-answer="No. Catholics honor Mary as the Mother of God, but worship is reserved for God alone. The distinction between veneration and worship is ancient and biblical.">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">Don't Catholics worship Mary?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">No. Catholics honor Mary as the Mother of God, but worship is reserved for God alone. The distinction between veneration and worship is ancient and biblical.</p>
                        <a href="/faq/catholics-worship-mary/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
                <li data-answer="Yes. This is my body, from the Gospel of Luke chapter 22 verse 19. The early Church unanimously believed in the Real Presence. This is the faith of two thousand years.">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">Is the Eucharist really Jesus?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">Yes. "This is my body" (Luke 22:19). The early Church unanimously believed in the Real Presence. This is the faith of 2,000 years.</p>
                        <a href="/faq/eucharist-literal/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
                <li data-answer="Because Christ gave the Apostles the power to forgive sins, from John chapter 20 verse 23. The priest acts in persona Christi, making Christ forgiveness tangible and certain.">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">Why confess to a priest?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">Because Christ gave the Apostles the power to forgive sins (John 20:23). The priest acts in persona Christi, making Christ's forgiveness tangible and certain.</p>
                        <a href="/faq/why-confess-to-priest/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
                <li data-answer="We ask the saints to intercede for us, just as we ask friends on earth to pray for us. Death does not sever the Body of Christ.">
                    <div class="hp-faq-question" onclick="toggleHpFaq(this)">
                        <button class="hp-faq-play-btn" type="button" aria-label="Listen to answer"></button>
                        <span class="hp-faq-question-text">Why pray to saints?</span>
                        <span class="hp-faq-toggle">▸</span>
                    </div>
                    <div class="hp-faq-answer">
                        <p class="hp-faq-answer-text">We ask the saints to intercede for us, just as we ask friends on earth to pray for us. Death does not sever the Body of Christ.</p>
                        <a href="/faq/pray-to-saints/" class="hp-faq-read-more">Read More →</a>
                    </div>
                </li>
            </ul>
            <a href="https://domvsdei.com/catholic-apologetics/" class="hp-faq-more">More Questions →</a>
        </div>

    </aside>

</div>

<script>
// Audio Player for Homepage
var hpCurrentAudio = null;
var hpCurrentBtn = null;
var hpCurrentSpeed = 1;

function playHpAudio(btn) {
    var container = btn.closest('.hp-audio-with-speed');
    var audioUrl = container.getAttribute('data-audio');
    
    // If clicking the same button, toggle play/pause
    if (hpCurrentAudio && hpCurrentBtn === btn) {
        if (hpCurrentAudio.paused) {
            hpCurrentAudio.play();
            btn.classList.add('playing');
            btn.querySelector('span:last-child').textContent = 'Pause';
        } else {
            hpCurrentAudio.pause();
            btn.classList.remove('playing');
            btn.querySelector('span:last-child').textContent = 'Listen';
        }
        return;
    }
    
    // Stop any currently playing audio
    if (hpCurrentAudio) {
        hpCurrentAudio.pause();
        if (hpCurrentBtn) {
            hpCurrentBtn.classList.remove('playing');
            hpCurrentBtn.querySelector('span:last-child').textContent = 'Listen';
        }
    }
    
    // Create new audio and play
    hpCurrentAudio = new Audio(audioUrl);
    hpCurrentAudio.playbackRate = hpCurrentSpeed;
    hpCurrentBtn = btn;
    
    hpCurrentAudio.play();
    btn.classList.add('playing');
    btn.querySelector('span:last-child').textContent = 'Pause';
    
    // Reset when audio ends
    hpCurrentAudio.onended = function() {
        btn.classList.remove('playing');
        btn.querySelector('span:last-child').textContent = 'Listen';
    };
}

function cycleHpAudioSpeed(btn) {
    var speeds = [1, 1.25, 1.5, 2];
    var currentIndex = speeds.indexOf(hpCurrentSpeed);
    var nextIndex = (currentIndex + 1) % speeds.length;
    hpCurrentSpeed = speeds[nextIndex];
    
    btn.textContent = hpCurrentSpeed + '×';
    
    if (hpCurrentAudio) {
        hpCurrentAudio.playbackRate = hpCurrentSpeed;
    }
}

// FAQ Text-to-Speech - reads from data-answer attribute
var faqCurrentBtn = null;

function playFaqAudio(btn) {
    var li = btn.closest('li');
    var text = li.getAttribute('data-answer');
    
    // Stop any current speech
    if (window.speechSynthesis.speaking) {
        window.speechSynthesis.cancel();
        if (faqCurrentBtn) {
            faqCurrentBtn.classList.remove('playing');
        }
        // If clicking the same button, just stop
        if (faqCurrentBtn === btn) {
            faqCurrentBtn = null;
            return;
        }
    }
    
    // Create and speak new utterance
    var utterance = new SpeechSynthesisUtterance(text);
    utterance.rate = 1;
    utterance.pitch = 1;
    
    faqCurrentBtn = btn;
    btn.classList.add('playing');
    
    utterance.onend = function() {
        btn.classList.remove('playing');
        faqCurrentBtn = null;
    };
    
    window.speechSynthesis.speak(utterance);
}

// Add click handlers to FAQ play buttons
document.addEventListener('DOMContentLoaded', function() {
    var faqPlayBtns = document.querySelectorAll('.hp-faq-play-btn');
    faqPlayBtns.forEach(function(btn) {
        btn.addEventListener('click', function(e) {
            e.stopPropagation();
            playFaqAudio(btn);
        });
    });
});

// FAQ Accordion Toggle for Homepage
function toggleHpFaq(element) {
    var li = element.parentElement;
    var wasExpanded = li.classList.contains('expanded');
    
    // Close all other expanded items in the same section
    var section = li.closest('.hp-faq-section');
    var allItems = section.querySelectorAll('li.expanded');
    allItems.forEach(function(item) {
        item.classList.remove('expanded');
    });
    
    // Toggle the clicked item
    if (!wasExpanded) {
        li.classList.add('expanded');
    }
}

// Theme Toggle
function toggleHpTheme() {
    var html = document.documentElement;
    var currentTheme = html.getAttribute('data-theme');
    var newTheme = currentTheme === 'dark' ? 'light' : 'dark';
    
    html.setAttribute('data-theme', newTheme);
    localStorage.setItem('theme', newTheme);
    
    // Update button
    var btn = document.querySelector('.hp-theme-toggle');
    var icon = btn.querySelector('.hp-theme-toggle-icon');
    var label = btn.querySelector('.hp-theme-toggle-label');
    
    if (newTheme === 'dark') {
        icon.textContent = '☀️';
        label.textContent = 'Light';
    } else {
        icon.textContent = '🌙';
        label.textContent = 'Dark';
    }
}

// Check for saved theme preference on page load
(function() {
    var savedTheme = localStorage.getItem('theme');
    if (savedTheme) {
        document.documentElement.setAttribute('data-theme', savedTheme);
        if (savedTheme === 'dark') {
            var btn = document.querySelector('.hp-theme-toggle');
            if (btn) {
                btn.querySelector('.hp-theme-toggle-icon').textContent = '☀️';
                btn.querySelector('.hp-theme-toggle-label').textContent = 'Light';
            }
        }
    }
})();
</script>

<!-- ═══════════════════════════════════════════════════════════════
     CUSTOM FOOTER
     ═══════════════════════════════════════════════════════════════ -->
<style>
.hp-site-footer {
    background: var(--burgundy, #722F37);
    color: var(--cream, #F5F0E6);
    padding: 40px 24px 24px;
}

[data-theme="dark"] .hp-site-footer {
    background: #1a1614;
}

.hp-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 32px;
}

.hp-footer-logo {
    font-family: 'Cinzel', serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--cream, #F5F0E6);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hp-footer-logo .cross {
    color: var(--gold, #C9A227);
}

.hp-footer-tagline {
    font-size: 13px;
    color: rgba(245, 240, 230, 0.7);
    line-height: 1.55;
}

.hp-footer-column h4 {
    font-family: 'Cinzel', serif;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--gold, #C9A227);
    margin-bottom: 14px;
}

.hp-footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hp-footer-column li {
    margin-bottom: 8px;
}

.hp-footer-column a {
    font-size: 13px;
    color: rgba(245, 240, 230, 0.8);
    transition: color 0.2s ease;
    text-decoration: none;
}

.hp-footer-column a:hover {
    color: var(--gold-light, #D4B848);
}

.hp-footer-bottom {
    max-width: 1200px;
    margin: 32px auto 0;
    padding-top: 20px;
    border-top: 1px solid rgba(245, 240, 230, 0.15);
    text-align: center;
    font-size: 12px;
    color: rgba(245, 240, 230, 0.5);
}

@media (max-width: 900px) {
    .hp-footer-inner {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .hp-footer-inner {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hp-footer-logo {
        justify-content: center;
    }
}
</style>

<footer class="hp-site-footer">
    <div class="hp-footer-inner">
        <div class="hp-footer-brand">
            <div class="hp-footer-logo"><span class="cross">☩</span> Domus Dei</div>
            <p class="hp-footer-tagline">Defending the Faith, preserving the Liturgy, proclaiming timeless truth.</p>
        </div>
        <div class="hp-footer-column">
            <h4>Explore</h4>
            <ul>
                <li><a href="https://domvsdei.com/catholic-apologetics/">Apologetics</a></li>
                <li><a href="https://domvsdei.com/the-one-holy-cathoilc-and-apostolic-church/">The Church</a></li>
                <li><a href="https://domvsdei.com/the-traditional-latin-mass/">The Latin Mass</a></li>
                <li><a href="https://domvsdei.com/the-liturgies-of-the-catholic-church/">Liturgy</a></li>
            </ul>
        </div>
        <div class="hp-footer-column">
            <h4>Resources</h4>
            <ul>
                <li><a href="/latin-mass-ordo-missae/">Interactive Missal</a></li>
                <li><a href="https://domvsdei.com/the-holy-rosary/">Pray the Rosary</a></li>
                <li><a href="/propers/">Today's Propers</a></li>
                <li><a href="/calendar/">Calendar</a></li>
            </ul>
        </div>
        <div class="hp-footer-column">
            <h4>Connect</h4>
            <ul>
                <li><a href="/about/">Our Mission</a></li>
                <li class="hp-tool-item">
            <a href="/blog/" class="hp-tool-blog-link">Blog</a>
        </li>
                <li><a href="https://youtube.com/@domusdei" target="_blank">YouTube</a></li>
                <li><a href="/contact/">Contact</a></li>
            </ul>
        </div>
    </div>
    <div class="hp-footer-bottom">© 2026 Domus Dei · Ad Majorem Dei Gloriam</div>
</footer>

			<script>document.documentElement.style.setProperty('--scrollbar-offset', window.innerWidth - document.documentElement.clientWidth + 'px' );</script>
			<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/kadence-child/*","/wp-content/themes/kadence/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
    <script>
    (function () {
      // helper: closest accordion pane + its header button
      function findPaneAndHeader(el) {
        // pane body
        const pane = el.closest('.kt-accordion-pane, .kb-accordion-pane, .kadence-accordion-pane, [data-accordion-pane], [role="region"]');
        if (!pane) return null;

        // the heading/button is usually previousSibling of the pane
        let header = pane.previousElementSibling;
        if (header) {
          header = header.querySelector('button,[role="button"],.kt-accordion-header,.kb-accordion-header') || header;
        }
        return header ? { pane, header } : null;
      }

      // read open state in a robust way
      function isOpen(pane, header){
        if (header && header.getAttribute('aria-expanded') != null) {
          return header.getAttribute('aria-expanded') === 'true';
        }
        if (pane && pane.hasAttribute('hidden')) return false;
        const disp = pane && window.getComputedStyle(pane).display;
        return disp !== 'none';
      }

      // toggle a pane to desired state using the header (so theme JS fires)
      function setOpen(target, wantOpen){
        if (!target) return;
        const currently = isOpen(target.pane, target.header);
        if (currently === wantOpen) return;
        // click the header to toggle
        target.header.dispatchEvent(new MouseEvent('click', {bubbles:true}));
      }

      // Build map: properKey -> [targets...]
      const slots = document.querySelectorAll('[data-proper]');
      if (!slots.length) return;

      const groups = new Map(); // key -> [{pane, header}]
      slots.forEach(slot => {
        const key = (slot.getAttribute('data-proper') || '').trim().toLowerCase();
        if (!key) return;
        const t = findPaneAndHeader(slot);
        if (!t) return;
        if (!groups.has(key)) groups.set(key, []);
        // de-dup if same pane encountered multiple times
        if (!groups.get(key).some(x => x.pane === t.pane)) {
          groups.get(key).push(t);
        }
      });

      // listen to header clicks and sync peers with same proper key
      let internalSync = false;
      groups.forEach(targets => {
        targets.forEach(source => {
          // guard: header may not exist on some odd markup
          if (!source.header) return;

          source.header.addEventListener('click', function () {
            if (internalSync) return; // avoid loops
            // wait a tick so aria-expanded updates
            setTimeout(() => {
              const open = isOpen(source.pane, source.header);
              internalSync = true;
              try {
                targets.forEach(t => { if (t !== source) setOpen(t, open); });
              } finally {
                internalSync = false;
              }
            }, 0);
          }, {passive:true});
        });
      });

    })();
    </script>
    <style>
      /* Optional: keep paired panes visually aligned while opening/closing */
      .kt-accordion-pane, .kb-accordion-pane, .kadence-accordion-pane { transition: height .18s ease, opacity .18s ease; }
    </style>
    <script>document.addEventListener('DOMContentLoaded',function(){if(!document.getElementById('st5'))return;var P=[{r:'I',t:'The Apostolic Liturgy Is Born',q:'For I received from the Lord what I also handed on to you: that the Lord Jesus, on the night he was betrayed, took bread, gave thanks, broke it and said: This is my body that is for you.',a:'1 Corinthians 11:23-24',n:'On the night He was betrayed, our Lord planted the sacred tree of the liturgy. The Apostles received not merely a memory but a mandate — to perpetuate the sacrifice of Calvary until He comes again in glory. They went out from Jerusalem to every corner of the known world. Peter established the Church at Antioch before proceeding to Rome, becoming the first Pope. Paul carried the liturgy, planting the churches of Asia Minor and Greece. Barnabas to Cyprus, Mark to Alexandria, Thomas to the farthest East. Wherever they planted the Church, they planted the Eucharist.<br><br>What they carried was not an abstraction. It was a specific act — the breaking of bread, the proclamation of His death, the offering of His Body and Blood under the forms He Himself had chosen. From the very first days, the Church understood the Eucharist as sacrifice — not symbol, not memorial in the Protestant sense, but a true and real participation in the one sacrifice of Calvary, made present on every altar. St. Paul says it plainly: the cup we bless is a participation in the Blood of Christ. This is the root from which the entire Roman Rite grows — planted in the Upper Room, watered by the blood of martyrs, and tended with reverence across two thousand years.',quotes:[{t:'Do this in remembrance of me.',a:'Luke 22:19'},{t:'The cup of blessing that we bless, is it not a participation in the blood of Christ?',a:'1 Corinthians 10:16'},{t:'Every time you eat this bread and drink this cup, you proclaim the death of the Lord until he comes.',a:'1 Corinthians 11:26'}],res:[{tag:'Article',title:'From the Upper Room: How Liturgy Developed',url:'/how-liturgy-developed/'},{tag:'Article',title:'From the Apostles to Trent',url:'/from-the-apostles-to-trent-development-of-the-roman-rite/'},{tag:'Missal',title:'Follow the Mass in the Interactive Missal',url:'/latin-mass-ordo-missae/'}]},{r:'II',t:'The Church Fathers Tend the Sacred Tree',q:'We have been taught that the food blessed by the prayer of His word is the flesh and blood of that incarnate Jesus.',a:'Justin Martyr, First Apology, c. 155 AD',n:'Christ had planted the tree. The Apostles had carried it to the ends of the earth, watering it with their blood. Now a new generation of shepherds - bishops and theologians we call the Church Fathers - took up the work of tending it. They pruned what threatened it, guarded what was essential, and wrapped its Eucharistic core in layer after layer of reverent prayer - adding, refining, and enriching what they received, so that nothing of what had been given would ever be lost. The Fathers did not invent the liturgy - they received it. This is a fact worth sitting with. When Justin Martyr wrote his First Apology around 155 AD, he was not designing something new. He was describing what the Roman church already did on Sundays: the reading of the prophets and the apostles, the homily, the common prayers, the kiss of peace, the presentation of bread and wine, the great thanksgiving, the communion, and the collection for the poor. The structure was already there. He was simply the first to write it down for the eyes of an emperor. When Hippolytus of Rome set down his Apostolic Tradition in the early third century, he was at pains to emphasize that he was transmitting, not innovating. The anaphora he recorded - the solemn eucharistic prayer - bears recognizable kinship with every subsequent Roman canon. He caught what was already flowing. Cyril of Jerusalem, in his Mystagogical Catecheses of the fourth century, walked newly baptized Christians through the liturgy they had just experienced at Easter. He assumed the rites. He unpacked them. The mystagogue does not build the mystery; he illuminates it. And John Chrysostom, whose name the Eastern liturgy still bears, made his mark not in structural invention but in prayer. The doxologies and collects attributed to him are refinements of a tradition that ran through Antioch and Constantinople before him and continued long after. What the Fathers added was not novelty but precision - theological articulation of what the Church had always enacted. As the deposit of faith was challenged by Arianism, Nestorianism, and Pelagianism, the liturgy responded - not by changing its shape, but by making more explicit what it had always confessed. Doctrine and doxology, as always, moved together. This is what organic development looks like: not rupture, not committee, not the deliberate setting aside of what came before. It is a tree adding rings - the core unchanged, the circumference slowly, imperceptibly wider. The gardeners who tended it did not decide what kind of tree it should be. They pruned what threatened it. They watered the roots. They watched it grow according to its own nature, which it received from the hands of the Apostles, who received it from the Lord who said: Do this in memory of me. To receive is not passive. It demands fidelity. It demands understanding. It demands that the one who tends the tree love it enough not to reshape it in his own image. That love - disciplined, reverent, and long - is precisely what distinguished the Fathers as gardeners rather than architects.',quotes:[{t:'The Eucharist is the flesh of our Savior Jesus Christ, which suffered for our sins, which the Father raised up.',a:'St. Ignatius of Antioch, c. 110 AD'},{t:'We call this food Eucharist, and no one is permitted to partake except one who believes our teaching to be true.',a:'Justin Martyr, First Apology'},{t:'What the soul is in the body, that are Christians in the world.',a:'Epistle to Diognetus, c. 200 AD'}],res:[{tag:'Article',title:'The Church Fathers: Who They Were and Why They Matter',url:'/church-fathers-who-they-were-why-they-matter/'},{tag:'Article',title:'The Real Presence: Truly Christ',url:'/real-presence-eucharist-truly-christ/'},{tag:'Hub',title:'The One Holy Catholic and Apostolic Church',url:'/the-one-holy-catholic-and-apostolic-church/'}]},{r:'III',t:'St. Gregory the Great Tends the Roman Rite',q:'I receive the charge of caring for this holy tradition only with trembling.',a:'St. Gregory the Great, Epistles, c. 590 AD',n:'As the centuries passed and the sacred tree grew under the watchful care of the Fathers, a new kind of gardener appeared. Not a theologian parsing doctrine, but a shepherd in a dying city - a man who looked at the tree, saw what it needed, and got to work. His name was Gregory. And like the best of those who came before him, he understood that his task was not to reshape what he had received, but to tend it. Gregory codified Gregorian Chant, reformed the lectionary, and strengthened the Schola Cantorum. He was the steward, not the architect. The liturgy was not his to reinvent - it was his to guard. What makes Gregory remarkable is not what he added, but what he held together. When he became pope in 590, Rome was a city in ruins. The Tiber had flooded. Plague had killed his predecessor and was sweeping through the population. The Lombards were at the gates. The Western Empire had collapsed a century before, and with it the administrative apparatus that had kept civilization in some kind of order. Gregory, who had been a monk and wanted nothing more than to return to his monastery, accepted the burden of the papacy in a city that was visibly dying. And yet it was in this moment of civilizational collapse that he turned his energy, with extraordinary deliberateness, toward the liturgy. He reorganized and expanded the Schola Cantorum - the choir school that would become the seedbed of Western sacred music for a thousand years. He codified and systematized what we now call Gregorian Chant: not invented by him, as medieval legend sometimes claimed, but gathered, ordered, and preserved under his authority. Without Gregory\'s intervention, the musical inheritance of the early Roman church might have dissipated into regional variants and been lost in the chaos of the migrations. He reformed the lectionary - the cycle of Scripture readings appointed for each Mass - bringing greater coherence to the annual pattern of the Church\'s proclamation. By the time Gregory died in 604, the Roman Rite had a form - ordered, musical, texted - that would remain recognizable for the next fourteen centuries. Consider what that means. A man who died in 604 AD shaped a liturgy that Thomas Aquinas prayed in the thirteenth century, that the Council of Trent enshrined in the sixteenth, that missionaries brought to the New World in the seventeenth, that the martyrs of Japan died for in the nineteenth, and that the faithful at a traditional Mass attend today. The thread is unbroken. It runs directly from Gregory\'s Rome to every chapel, oratory, and private Mass where the old rite is still offered. Gregory himself would have been baffled by any suggestion that he had done something creative. He called himself servus servorum Dei - servant of the servants of God. He understood his role as holding ground. That instinct - to serve rather than to shape, to transmit rather than to transform - would not last forever. But while it held, it produced something that time alone could not have built: a worship worthy of the God who inhabits eternity.',quotes:[{t:'The Roman Church has always observed simplicity in her rites.',a:'St. Gregory the Great, Epistles'},{t:'Holy Church now cuts off some things, now tolerates some things, now indulges others with gentleness.',a:'St. Gregory the Great'},{t:'Let the priests of the Lord weep between the porch and the altar.',a:'Joel 2:17, TLM Ash Wednesday'}],res:[{tag:'Article',title:'From the Upper Room: How Liturgy Developed',url:'/how-liturgy-developed/'},{tag:'Article',title:'Sacred Music: Chant, Polyphony, Hymnody',url:'/sacred-music-chant-polyphony-hymnody/'},{tag:'Missal',title:'Hear Gregorian Chant in the Interactive Missal',url:'/latin-mass-ordo-missae/'}]},{r:'IV',t:'The Council of Trent Prunes and Strengthens',q:'If anyone says that the canon of the Mass contains errors and should be abrogated: let him be anathema.',a:'Council of Trent, Session XXII, Canon 6, 1562',n:'The tree had grown for fifteen centuries. Its roots ran deep, its canopy wide. But a storm was coming - the fiercest it had ever faced. Men with new ideas about what the Mass was, and was not, were preparing their axes. The Church called a council. And in that council, it did what the best gardeners do when the tree is threatened: it built a fence around it. Trent defined the Eucharist with precision: real presence, transubstantiation, sacrificial character. The Missale Romanum of 1570 was not a new Mass - it was the ancient rite, given its definitive and perpetual form. Pius V sealed it for all time. To understand what Trent was doing, you have to understand what it was responding to. The Protestant reformers had not merely criticized abuses in the Church - they had attacked the Mass itself at the level of doctrine. Luther denied transubstantiation. Zwingli reduced the Eucharist to a memorial. Calvin recoiled from any suggestion that the Mass was a sacrifice. The entire sacramental structure of Western Christianity - the thing that stood at the center of every parish, every monastery, every deathbed in Christendom - was being declared a lie, a superstition, a blasphemy. The Council of Trent, which met in three great periods between 1545 and 1563, did not panic. It answered. In Session XIII it defined the doctrine of the Real Presence: that in the Eucharist the body and blood, soul and divinity of Jesus Christ are truly, really, and substantially present under the appearances of bread and wine - and that this change is rightly called transubstantiation. In Session XXII it defined the sacrificial nature of the Mass: that the Mass is not merely a commemoration of Calvary but a true and proper sacrifice, propitiatory in character, offered for the living and the dead. The canon of anathemas that followed was not aggression - it was precision. The Church was drawing lines around truth that had always been believed, because men were now openly denying it. What is revealing about Trent is not just what it defined, but how it understood its own authority over the liturgy. The Council did not set itself up as a creative body. It did not convene to design a better Mass. When it turned its attention to the liturgy, it did so in the spirit of reform in the classical sense: the restoration of original form, the removal of accretions and abuses, the clarification of what had always been there. Their task was to protect it from corruption. This is why Pope Pius V, acting on the mandate of the Council, did something unprecedented in its boldness: he fixed the Roman Rite. The Missale Romanum of 1570 was not a new composition. Pius V and his commission worked from the oldest manuscripts available, stripping away late medieval additions that had accumulated unevenly across different regions. What remained was the ancient Roman Mass in its essential shape - the structure that traced its lineage to Gregory, to Leo, to the Roman Canon whose prayers reach back into the earliest centuries of the Church. Having purified it, Pius declared it perpetually valid. Any priest whose rite did not have two hundred years of standing was required to use it. That word - perpetually - was not rhetorical. It was canonical. Pius V\'s bull Quo Primum explicitly stated that no future pope, bishop, or synod could impose any other form of the Mass on priests of the Roman Rite. The liturgy was being placed beyond the reach of future revisers - not as a statement of papal power, but as a recognition that the Mass belonged to no single age. It fixed what could be fixed so that the living and the dead, across every century to come, would kneel before the same sacrifice.',quotes:[{t:'If anyone denies that in the Mass a true and proper sacrifice is offered to God: let him be anathema.',a:'Trent, Session XXII, Canon 1'},{t:'The sacrifice of the Mass is propitiatory, and benefits not the living only but the dead.',a:'Council of Trent, Session XXII'},{t:'This is the chalice of my blood, of the new and eternal covenant, the mystery of faith.',a:'Canon of the Roman Mass, 1570'}],res:[{tag:'Article',title:'From the Apostles to Trent',url:'/from-the-apostles-to-trent-development-of-the-roman-rite/'},{tag:'Article',title:'The Sacrificial Character of the Mass',url:'/sacrificial-character-of-the-mass/'},{tag:'Missal',title:'The Canon of the Mass - Read and Hear It',url:'/latin-mass-ordo-missae/'}]},{r:'V',t:'The Oak Stands Strong Through the Centuries',q:'The Tridentine Mass is the prayer of the Church - her deepest expression of who she is and what she believes.',a:'Cardinal Joseph Ratzinger, The Spirit of the Liturgy, 2000',n:'The fence held. For nearly four hundred years - from the age of Shakespeare to the age of the atom bomb - the sacred tree stood in its full, undisturbed majesty. No axes came. No committees met to improve it. It simply grew, century by century, forming the souls of every generation that knelt beneath it. From 1570 to the eve of Vatican II, the Roman Rite stood essentially unchanged - the longest period of liturgical stability in Western Church history. Saints, martyrs, and missionaries on every continent were formed by it. It was the Mass at which Thomas More received communion before his execution, at which the North American Martyrs prepared for their deaths, at which Therese of Lisieux grew into the greatest saint of modern times. Even the Novus Ordo draws its sacramental life and its very being from the rite that faithfully transmitted the Faith to us - the Missale Romanum. It delivered the Faith whole and intact across the centuries.',quotes:[{t:'The Mass is the most perfect form of prayer.',a:'Pope Paul VI'},{t:'The liturgy is the summit toward which the activity of the Church is directed, and the font from which all her power flows.',a:'Sacrosanctum Concilium, 10'},{t:'Wherever the Church abandons her own form of prayer, she loses her own form of being.',a:'Cardinal Joseph Ratzinger'}],res:[{tag:'Article',title:'Lex Orandi, Lex Credendi: How Liturgy Shapes Belief',url:'/lex-orandi-lex-credendi-how-liturgy-shapes-belief/'},{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'},{tag:'Missal',title:'Follow the Mass of the Ages',url:'/latin-mass-ordo-missae/'}]},{r:'VI',t:'Reformers Hack Down the Great Oak',q:'The oak was felled. What was taken from you was not merely a rite. It was your inheritance - the very prayers your ancestors whispered at the hour of their death, the sacrifice that sustained the martyrs, the liturgy that built Chartres and filled the monasteries and carried the Faith to every corner of the earth. It was given to you by the Apostles, tended for two thousand years, and dismantled in a decade by men who were alive for less than a fraction of its life.',a:'Domus Dei, The Sacred Tree',n:'Then the men with axes arrived. They came not as enemies but as reformers - well-intentioned, sincere, convinced that the ancient tree had grown too dense, too formal, too far from the people. A council had been called to open windows. What followed opened wounds. The Consilium, under Bugnini, fabricated what the Council fathers never mandated and what twenty centuries of faithful stewardship never permitted. They did not reform the Mass. They replaced it - with a product assembled in committee, tested on experts, and handed to the faithful as if antiquity were a problem to be solved rather than a treasure to be guarded. Fr. Louis Bouyer was one of the most distinguished liturgical scholars of the twentieth century - a convert from Lutheranism, a personal friend of Paul VI, and a member of the very Consilium that produced the new rite. He was not an opponent. He was an architect. And what he recorded in his posthumous Memoirs is among the most damning insider testimony in the history of the modern Church. Bouyer described Bugnini as a man as bereft of culture as he was of basic honesty. He described the process by which Bugnini controlled the commission: whenever members raised objections - to the dismantling of the funeral liturgy, to the purging of the psalms, to the destruction of the offertory - Bugnini would silence them with a single phrase: The Pope wants it so. After which, Bouyer wrote, of course there was no question of discussing the matter any further. The fraud worked in both directions. When Paul VI later questioned one of the reforms he had found himself approving, he asked why the commission had voted for it. Bouyer told him: because Bugnini had said the Pope absolutely wanted it. Paul VI replied: But is it possible? He told me that you were unanimous in approving it. The Pope had been played against his own commission. The commission had been played against the Pope. And the liturgy of twenty centuries had paid the price. The new Eucharistic Prayers tell the story in miniature. Eucharistic Prayer II - now the most commonly used canon in the Roman Rite, offered at the funerals of popes and the baptisms of children across the Catholic world - was cobbled together by Bouyer and a colleague in a cafe in Trastevere, in the time it takes to finish a meal, because it was needed by the next morning. Bouyer later called what they produced a pathetic creature. He wrote that there was no hope of producing anything of greater value - with this claim of recasting from top to bottom and in a few months an entire liturgy it had taken twenty centuries to develop. Bouyer knew exactly what had been done. His opposition, like Ottaviani\'s, like Bacci\'s, was overridden - by manipulation, by bureaucratic momentum, by the relentless pressure of men who had decided the answer before they had asked the question. Paul VI eventually sent Bugnini into exile - appointed nuncio to Iran, as far from Rome as it was possible to go. But as Bouyer observed: at a point when the damage was already done. Ottaviani and Bacci sent Paul VI a formal theological indictment. He revised. He hesitated. But he did not stop. The oak was felled. What was taken from you was not merely a rite. It was your inheritance - the very prayers your ancestors whispered at the hour of their death, the sacrifice that sustained the martyrs, the liturgy that built Chartres and filled the monasteries and carried the Faith to every corner of the earth. It was given to you by the Apostles, tended for two thousand years, and dismantled in a decade by men who were alive for less than a fraction of its life. That so many Catholics today neither know nor mourn what was lost - that the very notion of a Sacred Liturgy as something received, not invented, has faded from memory - is itself the measure of the wound. You cannot grieve what you were never shown. You cannot miss what was taken before you arrived. This is what it means to be robbed of an inheritance.',quotes:[{t:'Are we seeking to stir up wonder, or perhaps scandal, among the Christian people, by introducing changes in so venerable a rite, that has been approved for so many centuries and is now so familiar? The rite of Holy Mass should not be treated as if it were a piece of cloth to be refashioned according to the whim of each generation.',a:'Cardinal Ottaviani, Vatican II, October 30, 1962 - his microphone was cut off mid-speech'},{t:'This needs to be said without ambiguity: the Roman Rite as we knew it no longer exists. It has been destroyed.',a:'Archbishop Marcel Lefebvre, An Open Letter to Confused Catholics'},{t:'The new rite is a great impoverishment of the Roman liturgy.',a:'Fr. Louis Bouyer, Memoirs'},{t:'If one of the devils had been entrusted with the task of devising a rite to undermine the faith, he could not have done it better.',a:'Dietrich von Hildebrand'}],res:[{tag:'Article',title:'Reform, Revolution, or Rupture?',url:'/liturgical-movement-reform-revolution-rupture/'},{tag:'Article',title:'Organic Development vs. Fabricated Liturgy',url:'/organic-development-vs-fabricated-liturgy/'},{tag:'Article',title:'The Ottaviani Intervention',url:'/ottaviani-intervention/'}]},{r:'VII',t:'Clergy and Laity Preserve the Acorn',q:'We hold fast, with all our heart and with all our soul, to Catholic Rome, Guardian of the Catholic Faith.',a:'Archbishop Marcel Lefebvre, Declaration, 1974',n:'Before the mighty apostolic oak fell, it did what trees do. It dropped an acorn - carrying the liturgy whole and intact, sealed against the winter that was coming. No one understood at the time what they were preserving. They only knew that something sacred was being taken from them, and that they could not let it go. Across the world, small communities continued offering the ancient Mass in homes and borrowed chapels, in the face of episcopal hostility, in the face of ridicule, in the face of silence from Rome. The acorn had fallen. It was being gathered by those who understood what had been lost. They were ordinary people. Mothers who wrapped their children in chapel veils and drove past the parish church - the one with the guitar and the felt banners - to reach a chapel two towns over. Fathers who explained to confused relatives why they could not simply attend the Sunday Mass that everyone else attended. Children who grew up knowing that the Faith their family practiced was the Faith that had built Western civilization, and that they were among the last generation to receive it whole. Priests who drove hours on winter mornings to reach a handful of the faithful in a living room - a borrowed chapel - an unused warehouse. Who offered Mass in the old rite at the risk of their priestly careers, who chose fidelity over comfort, who understood that the liturgy they offered was not a preference but a patrimony. Seminarians who left the comfort of diocesan formation, who accepted poverty and suspicion, who were told they were on the wrong side of history - and knelt anyway. They were not rebels. They were the Church\'s memory, choosing to remember when the institution itself had chosen to forget. The institution had not merely changed the rite. It had attempted to change the memory - to make a generation of Catholics feel that what came before was shameful, primitive, something to be outgrown. The amnesia was the strategy. These people refused it. They kept the books. They kept the vestments. They kept the chant. They passed on to their children what their grandparents had received as a birthright - and what had been taken from those children without consent, without apology, and without replacement. Consider what that means. To pass on something the world had decided was finished. To teach your children the prayers of Pius V when the chancery had declared them obsolete. To hand them a missal that the bishops had shelved. To say, quietly, across a kitchen table: this is what we received. This is what we are. This is what we will not surrender. The world called them rigid. The chanceries called them disobedient. History will call them faithful.',quotes:[{t:'I hold firmly to everything the Church has believed and practiced, in faith and in morals, in worship and in discipline.',a:'Archbishop Lefebvre, 1974'},{t:'It is not I who am in schism. It is the new Church that has broken with Tradition.',a:'Archbishop Marcel Lefebvre'},{t:'We are not making a new Church. We are simply refusing to abandon the Faith of our fathers.',a:'Archbishop Marcel Lefebvre, Econe, 1975'}],res:[{tag:'Article',title:'The Church Approved the Novus Ordo. Case Closed?',url:'/church-approved-novus-ordo/'},{tag:'Article',title:'A Reverent Novus Ordo: Is It Enough?',url:'/reverent-novus-ordo/'},{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'}]},{r:'VIII',t:'Priestly Institutes Tend the Tree in Winter',q:'We are not making a new Church. We are simply refusing to abandon the Faith of our fathers.',a:'Archbishop Marcel Lefebvre, Econe, 1975',n:'The acorn was finding soil. Roots were forming in the frozen ground - slowly, quietly, against all expectation. It did not take long for the movement to find its shape. What began as scattered families and lone priests - small groups huddled around borrowed altars, with no institution behind them and no guarantee of tomorrow - began, almost overnight, to coalesce. The acorn was finding soil. In 1970, Archbishop Marcel Lefebvre founded the Society of Saint Pius X at Econe, Switzerland. He had not set out to build a movement. He had set out to form priests who would offer the Mass of the ages and transmit the Faith whole. But the need was so vast, and the hunger so deep, that what he planted became something no one had planned. Within years the SSPX had seminaries on multiple continents and communities in dozens of countries. Rome watched. Rome worried. Rome negotiated. And then, in 1988, when Lefebvre consecrated four bishops without papal mandate to ensure the survival of the work after his death, the rupture became formal. It was a wound on both sides. But from that wound came an unexpected fruit. In 1988, the same year as the consecrations, Pope John Paul II established the Priestly Fraternity of Saint Peter - the FSSP - for priests who wished to offer the traditional Mass in full communion with Rome. The Institute of Christ the King Sovereign Priest followed in 1990. These were not consolation prizes. They were Rome acknowledging, however reluctantly, that the traditional Mass had a future - that the communities gathered around it were real, were growing, and could not simply be waited out. The clans were forming. And they were growing at rates Rome could no longer ignore. The priestly societies - the SSPX, the FSSP, the Institute of Christ the King - did not arise from sentiment. They arose from necessity. Each held the flame, covered it from the wind, and waited for morning. They understood what the reformers did not: that to change the liturgy is to change the faith. Lex orandi, lex credendi - the law of prayer is the law of belief. Alter what the Church prays, and in time you alter what she believes. These institutions rose for a single cause: continuity. Continuity with the Apostles, with the early Church, with the martyrs who died rather than offer the wrong sacrifice. They understood that the Mass is not a pastoral program to be updated. It is the unbloody re-presentation of Calvary - and Calvary does not need a committee. We see the fruit of that rupture today with terrible clarity. A 2019 Pew Research study found that only 31% of all self-identified Catholics believe in the Real Presence - the central dogma of the Faith. Even among Catholics who attend Mass every week, 37% do not believe the bread and wine become the Body and Blood of Christ. A 2023 CARA study found that among Catholics who seldom attend Mass, only 51% believe. No direct study compares TLM and Novus Ordo congregations on this question - but the correlation between liturgical reverence and doctrinal fidelity speaks for itself. The stark differences in belief between traditional Mass communities and most Novus Ordo congregations cannot be explained by demographics or education. They are explained by the liturgy itself. Belief in the Real Presence. The sanctity of life. The nature of marriage. The existence of sin. These are not peripheral questions - and their answers track almost perfectly with how a Catholic worships. Even in smaller things the difference speaks: the reverent silence before Mass, the manner of dress, the instinct to kneel. These are not affectations. They are the liturgy forming the soul - doing what the liturgy was always designed to do. The tragedy is not only what was lost. It is that most Catholics today do not know it is missing. That absence of grief is itself the wound.',quotes:[{t:'The future of the Church can and will issue from those whose roots are deep and who live from the pure fullness of their faith.',a:'Fr. Joseph Ratzinger, Christmas Radio Address, 1969'},{t:'From the crisis of today a new Church of tomorrow will emerge - a Church that has lost much. She will become small and will have to start afresh more or less from the beginning.',a:'Fr. Joseph Ratzinger, Christmas Radio Address, 1969'},{t:'Whoever celebrates according to the ancient rite should not be regarded as a rebel.',a:'Cardinal Ranjith'}],res:[{tag:'Article',title:'Liturgical Validity: The Floor, Not the Ceiling',url:'/liturgical-validity/'},{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'},{tag:'Rosary',title:'Pray With Us',url:'/rosary-engine/'}]},{r:'IX',t:'The Original Oak, Now a Stump',q:'What earlier generations held as sacred remains sacred and great for us too, and cannot suddenly be considered harmful.',a:'Pope Benedict XVI, Letter to the Bishops, 2007',n:'The oak had been felled. The stump remained. And stumps, as any forester will tell you, are not the end of the story - they are the beginning of the next chapter. The stump is not dead. Look at it carefully. Its roots run deeper than any saw could reach. The men who felled it in the 1960s are gone. The generation that celebrated the demolition has grayed and dwindled. And the Mass they buried is drawing the young. Not the old. The young. A 2019-2020 national survey of 1,779 TLM attendees aged 18-39 found the traditional Mass experiencing what researchers called a high volume of participation and interest among that demographic - the very generation the reformers assumed would never look back. A Crisis Magazine survey conducted in 2021 - right before Traditionis Custodes - found TLM attendance had grown 34% and the number of parishes offering it had grown 27%, all while general Mass attendance in the same period was declining. The stump was sprouting. The priestly societies tell the same story in hard numbers. The FSSP - founded in 1988 with a dozen priests and a handful of seminarians - reported over 200 seminarians for the first time in its history in 2023, and by 2025 had 387 priests and 192 seminarians across four continents. The average age of its members is 39. The Institute of Christ the King, founded in 1990, now counts 147 priests. These are not the demographics of a movement in decline. These are the demographics of a movement that is, quietly and stubbornly, winning. The families that attend the traditional Mass have more children - significantly more - than the national Catholic average. The seminarians who enter traditional formation houses are younger, more serious, and less likely to leave than their diocesan counterparts. In Charlotte, North Carolina, 75% of seminarians come from parishes with altar rails. The data point in one direction. Pope Francis noticed. Traditionis Custodes in 2021 was not the action of a man indifferent to a marginal curiosity. You do not issue emergency legislation to suppress something that is dying on its own. The restrictions were a backhanded tribute - an acknowledgment that the traditional Mass was growing fast enough to worry the people who had spent fifty years insisting it was finished. The stump was not dead. It was not even sleeping. It was waiting. Though displaced from mainstream Catholicism, the original liturgy of the West continues to transmit the Faith whole - the same liturgy once delivered by the Apostles, tended by the Fathers, and sealed by the saints. The numbers do not lie. Tradition is the future.',quotes:[{t:'The old rite has never been abrogated.',a:'Pope Benedict XVI, Summorum Pontificum'},{t:'In the place of liturgy as the fruit of development came fabricated liturgy.',a:'Cardinal Joseph Ratzinger, preface to The Reform of the Roman Liturgy by Msgr. Klaus Gamber, 1992'},{t:'The crisis of the Church is largely a crisis of the liturgy.',a:'Cardinal Joseph Ratzinger'}],res:[{tag:'Article',title:'Lex Orandi, Lex Credendi: How Liturgy Shapes Belief',url:'/lex-orandi-lex-credendi-how-liturgy-shapes-belief/'},{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'},{tag:'Missal',title:'Experience the Mass of the Ages',url:'/latin-mass-ordo-missae/'}]},{r:'X',t:'Summorum Pontificum',q:'What earlier generations held as sacred remains sacred and great for us too, and it cannot be all of a sudden entirely forbidden or even considered harmful.',a:'Pope Benedict XVI, Letter to the Bishops, Summorum Pontificum, 2007',n:'A new gardener ascended to the chair of Peter - one who had spent his whole life in love with the ancient rite, who had written about it, defended it, grieved its loss. And on a July morning in 2007, he did something no one had dared do in forty years. He bent down, picked up the acorn from the frozen ground, and handed it back. On July 7, 2007, Benedict XVI issued Summorum Pontificum - and the Church exhaled. The ancient Mass, he declared, had never been abrogated. It had never legally ceased to exist. Any priest of the Roman Rite could offer it freely, privately, without permission. In parishes where a stable group of faithful requested it, the pastor was bound to accommodate them. Forty years of suppression, of chancery hostility, of priests told they needed special dispensation to offer the Mass of the ages - undone in a single document. The response was immediate. Within three years, over 800 parishes in the United States alone were offering the traditional Mass, compared to a few dozen before the motu proprio. In Italy, 116 new TLM locations were established in just the first two years - a 500% increase over the pre-Summorum baseline in many regions. Worldwide, diocesan locations offering the traditional Mass grew from a scattered few hundred to over 1,400 by 2010, and continued climbing. Diocesan priests - young priests especially - who had learned the old rite in secret, who had kept their missals hidden, now came forward. Men who had been ordained in the Novus Ordo world discovered for the first time what their predecessors had offered for twenty centuries and were transformed by it. Some Novus Ordo parishes began quietly reorienting the altar - Mass celebrated ad orientem, priest and people facing the same direction, toward God. Latin crept back into Ordinary Form Masses. Gregorian chant began returning to parishes that had not heard it since the 1960s. The reform of the reform had a name. It had a document behind it. It had a pope who meant it. Something was stirring in the Church that no one had planned and no committee had organized. It was organic. It was bottom-up. It was the faithful, and their priests, and their children, rediscovering what had been taken from them. For a beautiful, fragile moment - it seemed the wound might heal.',quotes:[{t:'The two forms of the Roman Rite can be mutually enriching.',a:'Pope Benedict XVI'},{t:'There is no contradiction between the two editions of the Roman Missal.',a:'Pope Benedict XVI, Letter to Bishops, 2007'},{t:'This Motu Proprio is an act of pastoral prudence for those formed in this liturgical expression.',a:'Pope Benedict XVI'}],res:[{tag:'Article',title:'Summorum Pontificum to Traditionis Custodes: Legal Status of the TLM',url:'/summorum-pontificum-to-traditionis-custodes-legal-status-of-the-tlm/'},{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'},{tag:'Missal',title:'The 1962 Missale Romanum',url:'/latin-mass-ordo-missae/'}]},{r:'XI',t:'Traditiones Custodes - The Sacred Tree Stands Wounded',q:'Do not be afraid. What is sacred will not perish. It will survive this moment, as it has survived every moment before it.',a:'Domus Dei, The Sacred Tree',n:'The winter was not over. Just as the acorn had taken root - just as new shoots were breaking through the frozen ground across hundreds of parishes and communities worldwide - the frost returned. To understand what happened on July 16, 2021, it helps to understand what happened on March 13, 2013. On that date, the College of Cardinals elected Jorge Mario Bergoglio as Pope Francis - and a network of cardinals who had worked for decades to undo the direction of Benedict XVI\'s pontificate had achieved what they had long sought. The group had a name, though it gave itself that name half-jokingly. At the launch of his authorized biography in 2015, Cardinal Godfried Danneels of Belgium - one of the most prominent progressive voices in the Church - publicly referred to the circle as the St. Gallen Mafia. The group had met annually in St. Gallen, Switzerland since the mid-1990s, gathering senior cardinals who shared a common vision: a more decentralized, more modern Church, and a deep opposition to the man who would become Benedict XVI. Their explicit goal, documented in Danneels\'s biography, was the election of Cardinal Bergoglio. One thing united them above all else, his biographers wrote: their dislike of Cardinal Joseph Ratzinger. Whether the St. Gallen network constituted an organized conclave lobby in the canonical sense remains disputed - the biographers later walked back the strongest version of their claim, and the cardinals themselves denied coordination inside the conclave. But what is not disputed is this: the group existed, its goals were documented, its members were present in Rome before the 2013 conclave, and at least three of them voted in it. Cardinal Danneels himself named the group a mafia, on camera, laughing. Whatever one concludes about the mechanics, the direction of travel was clear - and it led, eight years into the Francis pontificate, to Traditionis Custodes. July 16, 2021. The feast of Our Lady of Mount Carmel. Pope Francis issued Traditionis Custodes - Guardians of Tradition, a title of bitter irony given its contents. The motu proprio effectively reversed Summorum Pontificum. Bishops were no longer bound to accommodate stable groups requesting the traditional Mass. New permissions required approval from the Holy See itself. Parishes that had grown for fourteen years under Benedict\'s generous provision were suddenly in jeopardy. Over 800 American parishes had been offering the traditional Mass. Priests who had built communities from nothing, families who had moved towns to be near a TLM parish, children who had known nothing else - all of it now subject to the whim of local bishops, many of whom had never wanted the traditional Mass in their dioceses to begin with. Five cardinals - Burke, Brandmuller, Sandoval Iniguez, Sarah, and Zen - submitted formal questions to Rome. The Dubia asked whether the traditional Mass was still legitimate, whether those attached to it were in good standing, whether the Council had mandated its suppression. Rome did not answer. The silence was the answer. The tree stands. It bleeds. But the roots hold.',quotes:[{t:'The ancient usage of the Roman Rite is not a museum piece. It is a living tradition.',a:'Cardinal Burke'},{t:'We cannot simply put off the ancient rite as if it had nothing to say to us.',a:'Cardinal Brandmuller'},{t:'The faithful attached to the ancient rite deserve consideration, not suspicion.',a:'Cardinal Ranjith'}],res:[{tag:'Article',title:'Sacrosanctum Concilium vs. What Actually Happened',url:'/sacrosanctum-concilium-vs-what-happened/'},{tag:'Article',title:'The Ottaviani Intervention',url:'/ottaviani-intervention/'},{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'}]},{r:'XII',t:'Amid Trial and Division the Church Looks to Peter',q:'We are hard pressed on every side, but not crushed. Perplexed, but not in despair. Persecuted, but not abandoned. Struck down, but not destroyed.',a:'2 Corinthians 4:8-9',n:'We live in the sorrow of the stump. The wound is real. The losses are real - the communities scattered, the priests reassigned, the children who will grow up not knowing what was taken from them before they arrived. And yet. The faithful who carry the ancient Mass forward do not carry it in despair. They carry it in hope - the stubborn, costly, specifically Catholic hope that Providence does not abandon what it has planted, and that the gates of hell, whatever form they take, will not ultimately prevail. There is reason, in this moment, for something more than endurance. Pope Leo XIV has ascended to the throne of Peter. The faithful are praying - with genuine hope, not naive optimism - that this pontificate will be one of unity, of charity, of justice toward those who have asked only to receive what their fathers received. Nothing in the law of the Church requires the suppression of a rite twenty centuries old. Nothing in the Council mandated it. The Dubia remain unanswered, but the questions they asked have not ceased to be true. Whether Leo XIV will extend the hand of reconciliation, whether he will restore the provisions of Summorum Pontificum or something greater still, remains to be seen. The faithful pray. They wait. They offer the Mass. Saint Paul knew this territory. Writing from a Roman prison, awaiting execution, he described the condition of those who carry the Faith through darkness: We are hard pressed on every side, but not crushed. Perplexed, but not in despair. Persecuted, but not abandoned. Struck down, but not destroyed. That is the condition of the traditional Mass in our time. Hard pressed. Struck down. Not destroyed. The Missa Romana is two thousand years old. It has outlasted emperors and antipopes, plagues and revolutions, schisms and heresies and the slow erosion of indifference. It will outlast this moment. Those who carry it forward hold for the Church what she may one day be glad she did not lose. The tree was felled. The acorn was caught. The winter was long. But winter does not last forever. And the roots hold.',quotes:[{t:'The crisis of the Church is largely a crisis of the liturgy.',a:'Cardinal Joseph Ratzinger'},{t:'The Barque of Peter sails in stormy waters, but Christ is in the boat.',a:'Pope John Paul II'},{t:'The gates of hell shall not prevail against it.',a:'Matthew 16:18'}],res:[{tag:'Article',title:'Lex Orandi, Lex Credendi: How Liturgy Shapes Belief',url:'/lex-orandi-lex-credendi-how-liturgy-shapes-belief/'},{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'},{tag:'Rosary',title:'Pray With Us',url:'/rosary-engine/'}]}];var cur=0,qci=0;var _mqStyle=document.createElement('style');_mqStyle.textContent='.mqcard{border-left:3px solid #C9A84C !important;padding:20px 20px 16px !important;background:rgba(201,168,76,0.06) !important;margin-bottom:16px !important;}.mqcard-q{font-size:19px !important;line-height:1.65 !important;font-style:italic !important;color:#FAF6F0 !important;margin-bottom:12px !important;display:block !important;}.mqcard-a{font-size:10px !important;letter-spacing:2px !important;color:#C9A84C !important;text-transform:uppercase !important;font-style:normal !important;display:block !important;}.st5-speed-row{display:flex;align-items:center;gap:6px;margin-top:4px;padding-top:8px;border-top:1px solid rgba(201,168,76,0.2) !important;flex-wrap:wrap !important;align-self:flex-start !important;}.st5-speed-pills{display:flex !important;flex-wrap:wrap !important;gap:6px !important;align-items:center !important;}.autoplay-btn+p{display:none !important;margin:0 !important;height:0 !important;}.st5-speed-label{font-size:10px !important;color:#C9A84C !important;letter-spacing:2px !important;text-transform:uppercase !important;opacity:0.7 !important;margin-right:2px !important;display:inline-block !important;}.st5-spill{background:transparent;color:#C9A84C;border:1px solid rgba(201,168,76,0.35);border-radius:20px;padding:4px 10px;font-size:11px;cursor:pointer;letter-spacing:0.5px;line-height:1.4;display:inline-block;box-sizing:border-box;}.st5-spill.active{background:rgba(201,168,76,0.18);border-color:#C9A84C;color:#FAF6F0;}.st5-spill:hover{border-color:#C9A84C;color:#FAF6F0;}.st5-share{display:flex;gap:8px;align-items:center;margin-top:14px;padding-top:10px;border-top:1px solid rgba(201,168,76,0.15);}.st5-shlabel{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(201,168,76,0.5);margin-right:2px;font-family:sans-serif;}.st5-sh{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid rgba(201,168,76,0.3);color:#C9A84C;text-decoration:none;background:transparent;cursor:pointer;padding:0;font-size:13px;font-family:sans-serif;}.st5-sh:hover{background:rgba(201,168,76,0.15);border-color:#C9A84C;color:#FAF6F0;}';document.head.appendChild(_mqStyle);var _pills=document.querySelectorAll('.st5-spill');for(var _pi=0;_pi<_pills.length;_pi++){_pills[_pi].addEventListener('click',function(){var _all=document.querySelectorAll('.st5-spill');for(var _i=0;_i<_all.length;_i++){_all[_i].classList.remove('active');}this.classList.add('active');});}function upd(){var p=P[cur];document.getElementById('st5-ctr').textContent=p.r+' - XII';document.getElementById('st5-pt').textContent=p.r+'. '+p.t;document.getElementById('st5-ntext').innerHTML=p.n;buildShare(p);document.querySelectorAll('.st5-pip').forEach(function(b,i){b.classList.toggle('on',i===cur);});qci=0;buildTOC();if(cur===0){buildPrologue();buildSQ();}else{document.getElementById('st5-mqcard').style.display='block';document.getElementById('st5-mq').textContent=p.q;document.getElementById('st5-ma').textContent=p.a;var clbl=document.getElementById('st5-clbl');if(clbl)clbl.style.display='block';var pDiv=document.getElementById('st5-prologue');if(pDiv)pDiv.innerHTML='';buildSQ();}buildRes();var _cb=document.getElementById('st5-callouts');if(_cb)_cb.style.display=(cur===3)?'block':'none';}function buildPrologue(){document.getElementById('st5-mqcard').style.display='none';var clbl=document.getElementById('st5-clbl');if(clbl)clbl.style.display='none';var d=document.getElementById('st5-qdots');if(d)d.innerHTML='';var pDiv=document.getElementById('st5-prologue');if(!pDiv){pDiv=document.createElement('div');pDiv.id='st5-prologue';document.getElementById('st5-lc').insertBefore(pDiv,document.getElementById('st5-sqcard'));}pDiv.innerHTML='<div style="font-style:italic;font-size:15px;color:#FAF6F0;line-height:1.8;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(201,168,76,0.2);">'+'<p style="font-size:11px;font-weight:700;color:rgba(201,168,76,0.75);letter-spacing:3px;text-transform:uppercase;margin:0 0 14px;font-style:normal;padding-bottom:8px;border-bottom:1px solid rgba(201,168,76,0.25);">Prologue</p>'+'<p style="margin:0 0 12px;">In the Upper Room, on the night He was betrayed, Christ planted the sacred tree of the liturgy. The Apostles received not merely a memory but a living mandate - to carry this sacrifice from Jerusalem to the ends of the earth, and to pass it on whole and intact to every generation that would follow.</p>'+'<p style="margin:0 0 12px;">For centuries the tree grew strong. The holy Church tended it with reverence, understanding that she had not made it - she had only received it, and was bound to guard what she had been given. Around its beating heart - the Eucharistic sacrifice - she wrapped a wreath of ancient prayers, that nothing essential might ever be lost. Saints prayed beneath its branches. Martyrs died in its shadow. Missionaries carried its seeds to every soil on earth.</p>'+'<p style="font-style:normal;font-weight:700;color:#C9A84C;margin:0 0 12px;">Then one day, men came with axes.</p>'+'<p style="margin:0 0 12px;">Well-intentioned men. Sincere men. Men who believed, in their misguided zeal, that they were pruning what had overgrown. They hacked away at the Sacred Tree. And the tree fell.</p>'+'<p style="margin:0 0 12px;">But in its dying breath, the tree did what trees do. It gathered everything it had - every prayer, every gesture, every silence, every century of accumulated holiness - and sealed it into an acorn. Then tossed it forward.</p>'+'<p style="margin:0 0 12px;">Clergy and laity caught it. They planted it in whatever soil they could find, watered it through a long winter, and waited.</p>'+'<p style="font-style:normal;font-weight:700;color:#C9A84C;margin:0;">This is that story.</p>'+'</div>';}function buildSQ(){var qs=P[cur].quotes;var c=document.getElementById('st5-sqcard');c.innerHTML='';for(var i=0;i<qs.length;i++){var div=document.createElement('div');div.className='sqcard';div.innerHTML='<p class="sqcard-text">&ldquo;'+qs[i].t+'&rdquo;</p><p class="sqcard-attr">'+qs[i].a+'</p>';c.appendChild(div);if(i<qs.length-1){var sep=document.createElement('div');sep.className='divl';c.appendChild(sep);}}}function buildRes(){var res=P[cur].res;var r=document.getElementById('st5-res');if(!r)return;r.innerHTML='';res.forEach(function(item){r.innerHTML+='<a class="rcard" href="'+item.url+'"><p class="rcard-tag">'+item.tag+'</p><p class="rcard-title">'+item.title+'</p><span class="rcard-arr">Read &rarr;</span></a>';});}function buildCallouts(){var box=document.getElementById('st5-callouts');if(!box)return;var ctr=document.getElementById('st5-ctr');box.style.display=(ctr&&ctr.textContent.indexOf('IV')===0)?'block':'none';}function buildTOC(){var t=document.getElementById('st5-toc');if(!t)return;t.innerHTML='';var pro=document.createElement('div');pro.style.cssText='display:flex !important;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px solid rgba(201,168,76,0.08);cursor:pointer;';pro.className='toc-item'+(cur===0?' toc-active':'');pro.innerHTML='<span style="width:18px;min-width:18px;height:18px;border-radius:50%;border:1px solid #C9A84C;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;"><span style="width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #C9A84C;margin-left:2px;"></span></span><span style="font-size:13px;color:#e8d9bc;line-height:1.4;flex:1;font-style:italic;">Prologue</span>';pro.onclick=function(){document.getElementById('st5-i'+cur).classList.remove('active');cur=0;document.getElementById('st5-i'+cur).classList.add('active');upd();};t.appendChild(pro);for(var i=0;i<P.length;i++){(function(idx){var a=document.createElement('div');a.style.cssText='display:flex !important;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px solid rgba(201,168,76,0.08);cursor:pointer;text-decoration:none;';a.className='toc-item'+(idx===cur?' toc-active':'');a.innerHTML='<span style="width:18px;min-width:18px;height:18px;border-radius:50%;border:1px solid #C9A84C;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;"><span style="width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #C9A84C;margin-left:2px;"></span></span><span style="font-size:13px;color:#e8d9bc;line-height:1.4;flex:1;">'+P[idx].r+'. '+P[idx].t+'</span>';a.onclick=function(){document.getElementById('st5-i'+cur).classList.remove('active');cur=idx;document.getElementById('st5-i'+cur).classList.add('active');upd();};t.appendChild(a);})(i);}}var autoplayTimer=null;function startAutoplay(){var btn=document.getElementById('st5-autoplay');if(autoplayTimer){clearInterval(autoplayTimer);autoplayTimer=null;btn.querySelector('.autoplay-title').textContent='Play the Full Story';btn.querySelector('.autoplay-sub').textContent='Auto-advances through all 12 panels';btn.style.background='';return;}if(cur===11){document.getElementById('st5-i'+cur).classList.remove('active');cur=0;document.getElementById('st5-i'+cur).classList.add('active');upd();}btn.querySelector('.autoplay-title').textContent='Now Playing...';btn.querySelector('.autoplay-sub').textContent='Click to stop';btn.style.background='rgba(201,168,76,0.15)';var _spd=document.querySelector('#st5-speed .st5-spill.active');var _ms=_spd?parseInt(_spd.getAttribute('data-ms')):6400;autoplayTimer=setInterval(function(){if(cur>=11){clearInterval(autoplayTimer);autoplayTimer=null;btn.querySelector('.autoplay-title').textContent='Play the Full Story';btn.querySelector('.autoplay-sub').textContent='Auto-advances through all 12 panels';btn.style.background='';return;}document.getElementById('st5-i'+cur).classList.remove('active');cur++;document.getElementById('st5-i'+cur).classList.add('active');upd();},_ms);}function mv(d){document.getElementById('st5-i'+cur).classList.remove('active');cur=(cur+d+12)%12;document.getElementById('st5-i'+cur).classList.add('active');upd();}document.getElementById('st5-prev').addEventListener('click',function(){mv(-1);});document.getElementById('st5-next').addEventListener('click',function(){mv(1);});document.getElementById('st5-qon').addEventListener('click',function(){document.getElementById('st5-qon').classList.add('on');document.getElementById('st5-qoff').classList.remove('on');});document.getElementById('st5-qoff').addEventListener('click',function(){document.getElementById('st5-qoff').classList.add('on');document.getElementById('st5-qon').classList.remove('on');});var ap=document.getElementById('st5-autoplay');if(ap)ap.addEventListener('click',startAutoplay);var pr=document.getElementById('st5-pips');for(var i=0;i<12;i++){(function(x){var b=document.createElement('button');b.className='st5-pip'+(x===0?' on':'');b.onclick=function(){document.getElementById('st5-i'+cur).classList.remove('active');cur=x;document.getElementById('st5-i'+cur).classList.add('active');upd();};pr.appendChild(b);})(i);}document.addEventListener('keydown',function(e){if(e.key==='ArrowLeft')mv(-1);if(e.key==='ArrowRight')mv(1);});setTimeout(upd,50);function buildShare(p){var el=document.getElementById('st5-share');if(!el)return;var url=window.location.origin+window.location.pathname+'?panel='+encodeURIComponent(p.r);var txt='“'+p.q.substring(0,80)+'” — '+p.t;var et=encodeURIComponent(txt+' | Domus Dei');var eu=encodeURIComponent(url);el.innerHTML='<span class="st5-shlabel">SHARE</span>'+'<a class="st5-sh" href="https://www.facebook.com/sharer/sharer.php?u='+eu+'" target="_blank">f</a>'+'<a class="st5-sh" href="https://twitter.com/intent/tweet?text='+et+'&url='+eu+'" target="_blank">X</a>'+'<a class="st5-sh" href="https://wa.me/?text='+et+'%20'+eu+'" target="_blank">W</a>'+'<button class="st5-sh st5-copy">&#128279;</button>';var cb=el.querySelector('.st5-copy');if(cb){(function(u){cb.addEventListener('click',function(){navigator.clipboard.writeText(u).then(function(){cb.textContent='✓';setTimeout(function(){cb.innerHTML='&#128279;';},1500);});});})(url);}}});</script><script>document.addEventListener('DOMContentLoaded',function(){if(!document.getElementById('st3-wrap'))return;var P=[{r:'I',t:'The Apostolic Liturgy Is Born',q:'For I received from the Lord what I also handed on to you: that the Lord Jesus, on the night he was betrayed, took bread, gave thanks, broke it and said: This is my body that is for you.',a:'1 Corinthians 11:23-24',n:'On the night He was betrayed, our Lord planted the sacred tree. The Apostles received not merely a memory but a mandate - to perpetuate the sacrifice of Calvary until He comes again in glory.',quotes:[{t:'Do this in remembrance of me.',a:'Luke 22:19'},{t:'The cup of blessing that we bless, is it not a participation in the blood of Christ?',a:'1 Corinthians 10:16'},{t:'Every time you eat this bread and drink this cup, you proclaim the death of the Lord until he comes.',a:'1 Corinthians 11:26'}],res:[{tag:'Liturgy Hub',title:'How the Roman Liturgy Developed from the Upper Room',url:'/the-liturgies-of-the-catholic-church/'},{tag:'Interactive',title:'Follow the Mass in the Interactive Missal',url:'/latin-mass-ordo-missae/'},{tag:'Hub',title:'The Liturgies of the Catholic Church',url:'/the-liturgies-of-the-catholic-church/'}]},{r:'II',t:'The Church Fathers Tend the Sacred Tree',q:'We have been taught that the food blessed by the prayer of His word is the flesh and blood of that incarnate Jesus.',a:'Justin Martyr, First Apology, c. 155 AD',n:'The Fathers did not invent the liturgy - they received it. Justin Martyr, Hippolytus, Cyril, and Chrysostom added not novelty but precision, like gardeners tending a tree that already knows how to grow.',quotes:[{t:'The Eucharist is the flesh of our Savior Jesus Christ, which suffered for our sins, which the Father raised up.',a:'St. Ignatius of Antioch, c. 110 AD'},{t:'We call this food Eucharist, and no one is permitted to partake except one who believes our teaching to be true.',a:'Justin Martyr, First Apology'},{t:'What the soul is in the body, that are Christians in the world.',a:'Epistle to Diognetus, c. 200 AD'}],res:[{tag:'Article',title:'The Church Fathers on the Real Presence',url:'/the-liturgies-of-the-catholic-church/'},{tag:'Hub',title:'The One Holy Catholic and Apostolic Church',url:'/the-one-holy-catholic-and-apostolic-church/'},{tag:'Apologetics',title:'Is the Real Presence a Catholic Invention?',url:'/catholic-apologetics/'}]},{r:'III',t:'St. Gregory the Great Tends the Roman Rite',q:'I receive the charge of caring for this holy tradition only with trembling.',a:'St. Gregory the Great, Epistles, c. 590 AD',n:'Gregory codified Gregorian Chant, reformed the lectionary, and strengthened the Schola Cantorum. He was the steward, not the architect - the liturgy was not his to reinvent.',quotes:[{t:'The Roman Church has always observed simplicity in her rites.',a:'St. Gregory the Great, Epistles'},{t:'Holy Church now cuts off some things, now tolerates some things, now indulges others with gentleness.',a:'St. Gregory the Great'},{t:'Let the priests of the Lord weep between the porch and the altar.',a:'Joel 2:17, TLM Ash Wednesday'}],res:[{tag:'Article',title:'Gregorian Chant: The Sacred Voice of the Roman Rite',url:'/the-liturgies-of-the-catholic-church/'},{tag:'Missal',title:'Hear Gregorian Chant in the Interactive Missal',url:'/latin-mass-ordo-missae/'},{tag:'Hub',title:'The Liturgies of the Catholic Church',url:'/the-liturgies-of-the-catholic-church/'}]},{r:'IV',t:'The Council of Trent Prunes and Strengthens',q:'If anyone says that the canon of the Mass contains errors and should be abrogated: let him be anathema.',a:'Council of Trent, Session XXII, Canon 6, 1562',n:'Trent defined the Eucharist with precision: real presence, transubstantiation, sacrificial character. The Missale Romanum of 1570 was not a new Mass - it was the ancient rite, clarified and fixed.',quotes:[{t:'If anyone denies that in the Mass a true and proper sacrifice is offered to God: let him be anathema.',a:'Trent, Session XXII, Canon 1'},{t:'The sacrifice of the Mass is propitiatory, and benefits not the living only but the dead.',a:'Council of Trent, Session XXII'},{t:'This is the chalice of my blood, of the new and eternal covenant, the mystery of faith.',a:'Canon of the Roman Mass, 1570'}],res:[{tag:'Apologetics',title:'Is the Mass a Sacrifice?',url:'/catholic-apologetics/'},{tag:'Article',title:'What Did the Council of Trent Actually Say?',url:'/the-one-holy-catholic-and-apostolic-church/'},{tag:'Missal',title:'The Canon of the Mass - Read and Hear It',url:'/latin-mass-ordo-missae/'}]},{r:'V',t:'The Oak Stands Strong Through the Centuries',q:'The Tridentine Mass is the prayer of the Church - her deepest expression of who she is and what she believes.',a:'Cardinal Joseph Ratzinger, The Spirit of the Liturgy, 2000',n:'From 1570 to Vatican II, the Roman Rite stood essentially unchanged - the longest period of liturgical stability in Western Church history. Saints, martyrs, and missionaries were all formed by it.',quotes:[{t:'The Mass is the most perfect form of prayer.',a:'Pope Paul VI'},{t:'The liturgy is the summit toward which the activity of the Church is directed, and the font from which all her power flows.',a:'Sacrosanctum Concilium, 10'},{t:'Wherever the Church abandons her own form of prayer, she loses her own form of being.',a:'Cardinal Joseph Ratzinger'}],res:[{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'},{tag:'Missal',title:'Follow the Mass of the Ages',url:'/latin-mass-ordo-missae/'},{tag:'Article',title:'Why the TLM Produces Saints',url:'/the-traditional-latin-mass/'}]},{r:'VI',t:'Reformers Hack Down the Great Oak',q:'The Novus Ordo Missae represents a striking departure from the Catholic theology of the Mass as formulated in Session XXII of the Council of Trent.',a:'Cardinals Ottaviani and Bacci, Short Critical Study, 1969',n:'The Consilium, under Bugnini, fabricated what the Council fathers never mandated. Ottaviani and Bacci sent Paul VI a formal theological indictment. He revised. He hesitated. But he did not stop. The oak was felled.',quotes:[{t:'If one of the devils had been entrusted with the task of devising a rite to undermine the faith, he could not have done it better.',a:'Dietrich von Hildebrand'},{t:'I have lost my Mass. I have lost my anchor.',a:'Cardinal Heenan of Westminster, 1967'},{t:'The new rite is a great impoverishment of the Roman liturgy.',a:'Fr. Louis Bouyer, Memoirs'}],res:[{tag:'TLM Apologetics',title:'Was the New Mass Necessary?',url:'/the-traditional-latin-mass/'},{tag:'Article',title:'The Ottaviani Intervention: What It Said',url:'/the-traditional-latin-mass/'},{tag:'Article',title:'Who Was Annibale Bugnini?',url:'/the-traditional-latin-mass/'}]},{r:'VII',t:'Clergy and Laity Preserve the Acorn',q:'We hold fast, with all our heart and with all our soul, to Catholic Rome, Guardian of the Catholic Faith.',a:'Archbishop Marcel Lefebvre, Declaration, 1974',n:'Across the world, small communities continued offering the ancient Mass in homes and borrowed chapels, in the face of episcopal hostility. The acorn had fallen. It was being gathered.',quotes:[{t:'I hold firmly to everything the Church has believed and practiced, in faith and in morals, in worship and in discipline.',a:'Archbishop Lefebvre, 1974'},{t:'It is not I who am in schism. It is the new Church that has broken with Tradition.',a:'Archbishop Marcel Lefebvre'},{t:'The day will come when Rome will return to Tradition.',a:'Archbishop Marcel Lefebvre'}],res:[{tag:'TLM Hub',title:'The Traditional Latin Mass Today',url:'/the-traditional-latin-mass/'},{tag:'Article',title:'Archbishop Lefebvre: A Life for the Liturgy',url:'/the-traditional-latin-mass/'},{tag:'Find Mass',title:'Find a Traditional Latin Mass Near You',url:'/the-traditional-latin-mass/'}]},{r:'VIII',t:'Priestly Institutes Tend the Tree in Winter',q:'We are not making a new Church. We are simply refusing to abandon the Faith of our fathers.',a:'Archbishop Marcel Lefebvre, Econe, 1975',n:'The SSPX, the FSSP, the Institute of Christ the King - each held the flame, covered it from the wind, and waited for morning. The movement demographics were those of renewal, not nostalgia.',quotes:[{t:'In the long run, only what is true and beautiful will survive.',a:'Pope Benedict XVI'},{t:'The greatest crisis the Church has faced is not from outside but from within.',a:'Cardinal Pie of Poitiers'},{t:'Whoever celebrates according to the ancient rite should not be regarded as a rebel.',a:'Cardinal Ranjith'}],res:[{tag:'Article',title:'The FSSP, SSPX, and ICK: What Are They?',url:'/the-traditional-latin-mass/'},{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'},{tag:'Rosary',title:'Pray With Us',url:'/rosary-engine/'}]},{r:'IX',t:'The Original Oak, Now a Stump',q:'What earlier generations held as sacred remains sacred and great for us too, and cannot suddenly be considered harmful.',a:'Pope Benedict XVI, Letter to the Bishops, 2007',n:'The traditional Mass was attracting the young - seminarians, families, converts. The movement demographics were those of renewal. The stump was not dead. Its roots ran deeper than any saw could reach.',quotes:[{t:'The old rite has never been abrogated.',a:'Pope Benedict XVI, Summorum Pontificum'},{t:'Beauty will save the world.',a:'Dostoevsky'},{t:'The crisis of the Church is largely a crisis of the liturgy.',a:'Cardinal Joseph Ratzinger'}],res:[{tag:'Article',title:'Why Young Catholics Are Choosing the TLM',url:'/the-traditional-latin-mass/'},{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'},{tag:'Missal',title:'Experience the Mass of the Ages',url:'/latin-mass-ordo-missae/'}]},{r:'X',t:'Summorum Pontificum',q:'It is not appropriate to speak of these two versions of the Roman Rite as if they were two Rites. It is a twofold use of one and the same Rite.',a:'Pope Benedict XVI, Summorum Pontificum, 2007',n:'On July 7, 2007, Benedict XVI declared the ancient Mass had never been abrogated. New communities appeared worldwide. For a beautiful, fragile moment - it seemed the wound might heal.',quotes:[{t:'The two forms of the Roman Rite can be mutually enriching.',a:'Pope Benedict XVI'},{t:'There is no contradiction between the two editions of the Roman Missal.',a:'Pope Benedict XVI, Letter to Bishops, 2007'},{t:'This Motu Proprio is an act of pastoral prudence for those formed in this liturgical expression.',a:'Pope Benedict XVI'}],res:[{tag:'Article',title:'Summorum Pontificum: What It Said and Why It Mattered',url:'/the-traditional-latin-mass/'},{tag:'TLM Hub',title:'The Traditional Latin Mass',url:'/the-traditional-latin-mass/'},{tag:'Missal',title:'The 1962 Missale Romanum',url:'/latin-mass-ordo-missae/'}]},{r:'XI',t:'Traditiones Custodes - The Sacred Tree Stands Wounded',q:'The prohibition of the ancient rite would be tantamount to a rejection of the entire theological and spiritual heritage of the Church.',a:'Cardinal Robert Sarah, God or Nothing, 2015',n:'July 16, 2021. Pope Francis issued Traditionis Custodes. Communities built on Summorum Pontificum were devastated. The five Dubia went unanswered. The tree stands. It bleeds.',quotes:[{t:'The ancient usage of the Roman Rite is not a museum piece. It is a living tradition.',a:'Cardinal Burke'},{t:'We cannot simply put off the ancient rite as if it had nothing to say to us.',a:'Cardinal Brandmuller'},{t:'The faithful attached to the ancient rite deserve consideration, not suspicion.',a:'Cardinal Ranjith'}],res:[{tag:'Article',title:'Traditionis Custodes: What It Actually Says',url:'/the-traditional-latin-mass/'},{tag:'Article',title:'The Dubia: Five Cardinals Ask the Hard Questions',url:'/the-traditional-latin-mass/'},{tag:'TLM Hub',title:'The Traditional Latin Mass Today',url:'/the-traditional-latin-mass/'}]},{r:'XII',t:'Amid Trial and Division the Church Looks to Peter',q:'The liturgy is the Church at prayer - and the Church does not pray against herself. She will remember.',a:'Cardinal Joseph Ratzinger, Salt of the Earth, 1996',n:'We live in the sorrow of the stump. But Providence does not forget. The Missa Romana is two thousand years old. It will outlast this moment. Those who carry it hold for the Church what she may one day be glad she did not lose.',quotes:[{t:'The crisis of the Church is largely a crisis of the liturgy.',a:'Cardinal Joseph Ratzinger'},{t:'The Barque of Peter sails in stormy waters, but Christ is in the boat.',a:'Pope John Paul II'},{t:'The gates of hell shall not prevail against it.',a:'Matthew 16:18'}],res:[{tag:'Hub',title:'The Liturgies of the Catholic Church',url:'/the-liturgies-of-the-catholic-church/'},{tag:'Missal',title:'Pray the Traditional Latin Mass Today',url:'/latin-mass-ordo-missae/'},{tag:'Hub',title:'Catholic Apologetics',url:'/catholic-apologetics/'}]}];var cur=0,qci=0;function upd(){var p=P[cur];document.getElementById('st3-ctr').textContent=p.r+' - XII';document.getElementById('st3-pt').textContent=p.r+'. '+p.t;document.getElementById('st3-qt').textContent=p.q;document.getElementById('st3-qa').textContent=p.a;document.getElementById('st3-ntext').textContent=p.n;document.querySelectorAll('.st3-pip').forEach(function(b,i){b.classList.toggle('on',i===cur);});qci=0;buildQC();buildRes();}function buildQC(){var qs=P[cur].quotes;document.getElementById('st3-qcard').innerHTML='<div class="qcard"><p class="qcard-text">'+qs[qci].t+'</p><p class="qcard-attr">'+qs[qci].a+'</p></div>';var d=document.getElementById('st3-qdots');d.innerHTML='';for(var i=0;i<qs.length;i++){(function(idx){var dot=document.createElement('button');dot.className='qdot'+(idx===qci?' on':'');dot.onclick=function(){qci=idx;buildQC();};d.appendChild(dot);})(i);}}function buildRes(){var res=P[cur].res;var r=document.getElementById('st3-resources');r.innerHTML='';res.forEach(function(item){r.innerHTML+='<a class="rcard" href="'+item.url+'"><p class="rcard-tag">'+item.tag+'</p><p class="rcard-title">'+item.title+'</p><span class="rcard-arrow">Read &rarr;</span></a>';});}function mv(d){document.getElementById('st3-img-'+cur).classList.remove('active');cur=(cur+d+12)%12;document.getElementById('st3-img-'+cur).classList.add('active');upd();}document.getElementById('st3-prev').addEventListener('click',function(){mv(-1);});document.getElementById('st3-next').addEventListener('click',function(){mv(1);});document.getElementById('st3-qon').addEventListener('click',function(){document.getElementById('st3-qov').classList.remove('off');document.getElementById('st3-qon').classList.add('on');document.getElementById('st3-qoff').classList.remove('on');});document.getElementById('st3-qoff').addEventListener('click',function(){document.getElementById('st3-qov').classList.add('off');document.getElementById('st3-qoff').classList.add('on');document.getElementById('st3-qon').classList.remove('on');});var prow=document.getElementById('st3-pips');for(var i=0;i<12;i++){(function(x){var b=document.createElement('button');b.className='st3-pip'+(x===0?' on':'');b.onclick=function(){document.getElementById('st3-img-'+cur).classList.remove('active');cur=x;document.getElementById('st3-img-'+cur).classList.add('active');upd();};prow.appendChild(b);})(i);}document.addEventListener('keydown',function(e){if(e.key==='ArrowLeft')mv(-1);if(e.key==='ArrowRight')mv(1);});setTimeout(upd,50);});</script><script>document.addEventListener('DOMContentLoaded', function() {
  var panels = [
    {roman:'I',   title:'The Apostolic Liturgy Is Born',                      caption:'Christ institutes the Holy Eucharist - from Jerusalem the Apostles carry the Sacred Liturgy to the nations.'},
    {roman:'II',  title:'The Church Fathers Tend the Sacred Tree',              caption:'The Fathers safeguard the Eucharistic mystery as sacred Tradition takes root.'},
    {roman:'III', title:'St. Gregory the Great Tends the Roman Rite',           caption:'Under his care the sacred liturgy flourishes, adorned with chant, prayer, and holy order.'},
    {roman:'IV',  title:'The Council of Trent Prunes and Strengthens',          caption:'At Trent the Church clarifies doctrine and preserves the Roman Rite.'},
    {roman:'V',   title:'The Oak Stands Strong Through the Centuries',          caption:'The Roman Liturgy stands strong, rooted in the Eucharistic sacrifice.'},
    {roman:'VI',  title:'Reformers Hack Down the Great Oak',                    caption:'In misguided zeal, the Missale Romanum of 1969 severs propers, offertory, and calendar from the ancient trunk.'},
    {roman:'VII', title:'Clergy and Laity Preserve the Acorn',                 caption:'Clergy and laity alike preserve the acorn and plant it again in apostolic soil.'},
    {roman:'VIII',title:'Priestly Institutes Tend the Tree in Winter',          caption:'Priestly institutes tend the tree through the long winter.'},
    {roman:'IX',  title:'The Original Oak, Now a Stump',                        caption:'The original oak preserved through the acorn it passed on - the Novus Ordo tree has usurped its place.'},
    {roman:'X',   title:'Summorum Pontificum',                                  caption:'Summorum Pontificum restores the Latin Mass to diocesan parishes.'},
    {roman:'XI',  title:'Traditiones Custodes - The Sacred Tree Stands Wounded',caption:'Traditiones Custodes - diocesan priests are drawn away, the sacred tree stands wounded but the Missa Romana endures.'},
    {roman:'XII', title:'Amid Trial and Division the Church Looks to Peter',    caption:'Summorum Pontificum, Traditiones Custodes, the Dubia - amid trial and division the Church looks to Peter.'}
  ];
  var cur = 0;
  var currentView = 'slide';
  var base = 'https://domvsdei.com/wp-content/uploads/images/panel-strips/liturgy-upper-room-to-present/';
  var fileOrder = [1,2,3,4,5,7,8,9,6,10,12,11];

  function updateInfo(idx) {
    var p = panels[idx];
    var counter = document.getElementById('counter');
    var ptitle  = document.getElementById('ptitle');
    var pcap    = document.getElementById('pcaption');
    if (counter) counter.textContent = p.roman + ' - XII';
    if (ptitle)  ptitle.textContent  = p.roman + '. ' + p.title;
    if (pcap)    pcap.textContent    = p.caption;
  }

  function buildPips() {
    var row = document.getElementById('pips');
    if (!row) return;
    row.innerHTML = '';
    for (var i = 0; i < panels.length; i++) {
      (function(idx) {
        var b = document.createElement('button');
        b.className = 'pip' + (idx === 0 ? ' on' : '');
        b.addEventListener('click', function() { goTo(idx); });
        row.appendChild(b);
      })(i);
    }
  }

  function buildGrid() {
    var wrap = document.getElementById('grid-wrap');
    if (!wrap) return;
    wrap.innerHTML = '';
    for (var i = 0; i < panels.length; i++) {
      (function(idx) {
        var c = document.createElement('div');
        c.className = 'grid-card' + (idx === cur ? ' active-card' : '');
        c.innerHTML = '<img src="' + base + fileOrder[idx] + '.png" alt="Panel ' + (idx+1) + '"/><div class="grid-card-label"><span class="grid-card-num">' + panels[idx].roman + '</span><span class="grid-card-name">' + panels[idx].title + '</span></div>';
        c.addEventListener('click', function() { goTo(idx); setView('slide'); });
        wrap.appendChild(c);
      })(i);
    }
  }

  function goTo(n) {
    var prevImg = document.getElementById('img-' + cur);
    var pips = document.querySelectorAll('.pip');
    if (prevImg) prevImg.classList.remove('active');
    if (pips[cur]) pips[cur].classList.remove('on');
    cur = (n + panels.length) % panels.length;
    var nextImg = document.getElementById('img-' + cur);
    if (nextImg) nextImg.classList.add('active');
    if (pips[cur]) pips[cur].classList.add('on');
    updateInfo(cur);
    document.querySelectorAll('.grid-card').forEach(function(el, i) { el.classList.toggle('active-card', i === cur); });
  }

  function setView(v) {
    currentView = v;
    var sv = document.getElementById('slide-view');
    var gv = document.getElementById('grid-view');
    var bs = document.getElementById('btn-slide');
    var bg = document.getElementById('btn-grid');
    if (sv) sv.style.display = v === 'slide' ? 'block' : 'none';
    if (gv) gv.classList.toggle('show', v === 'grid');
    if (bs) bs.classList.toggle('on', v === 'slide');
    if (bg) bg.classList.toggle('on', v === 'grid');
    if (v === 'grid') buildGrid();
  }

  var prevBtn = document.getElementById('st-prev');
  var nextBtn = document.getElementById('st-next');
  var bs = document.getElementById('btn-slide');
  var bg = document.getElementById('btn-grid');
  var sp = document.getElementById('st-share-panel');
  var ss = document.getElementById('st-share-story');
  if (prevBtn) prevBtn.addEventListener('click', function() { goTo(cur - 1); });
  if (nextBtn) nextBtn.addEventListener('click', function() { goTo(cur + 1); });
  if (bs) bs.addEventListener('click', function() { setView('slide'); });
  if (bg) bg.addEventListener('click', function() { setView('grid'); });
  if (sp) sp.addEventListener('click', function() {
    var p = panels[cur];
    window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent('https://domvsdei.com/the-sacred-tree/') + '&quote=' + encodeURIComponent('The Sacred Tree - Panel ' + p.roman + ': ' + p.title + ' - ' + p.caption), '_blank');
  });
  if (ss) ss.addEventListener('click', function() {
    window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent('https://domvsdei.com/the-sacred-tree/'), '_blank');
  });
  document.addEventListener('keydown', function(e) {
    if (currentView === 'slide') {
      if (e.key === 'ArrowLeft') goTo(cur - 1);
      if (e.key === 'ArrowRight') goTo(cur + 1);
    }
  });

  buildPips();
  setTimeout(function() { updateInfo(0); }, 50);
});</script><script>// ================== Line-by-line audio ==================
(function () {
  if (window.__ddLineAudioWired) return;           // (2) guard against double-bind
  window.__ddLineAudioWired = true;

  const AUDIO_ATTR = 'data-audio';

  // single reusable audio element
  let player = document.getElementById('dd-audio-player');
  if (!player) {
    player = document.createElement('audio');
    player.id = 'dd-audio-player';
    player.preload = 'auto';
    player.style.display = 'none';
    document.body.appendChild(player);
  }

  // (1) normalize any http:// to https:// if site is on https
  function normalizeUrl(u) {
    if (!u) return null;
    if (u.startsWith('//')) return location.protocol + u;
    if (u.startsWith('/')) return location.origin + u;
    if (location.protocol === 'https:' && u.startsWith('http://')) {
      return u.replace(/^http:\/\//i, 'https://');
    }
    return u;
  }

  function findLine(target) {
    return target.closest && target.closest('.dd-line');
  }

  function playForLine(lineEl) {
    const raw = lineEl.getAttribute(AUDIO_ATTR);
    const url = normalizeUrl(raw);
    if (!url) { console.warn('No data-audio on this .dd-line.', lineEl); return; }

    // Toggle if the same line is already playing
    if (!player.paused && player.dataset.currentLine === (lineEl.dataset.line || '')) {
      player.pause();
      return;
    }

    player.src = url;
    player.dataset.currentLine = lineEl.dataset.line || '';
    player.load();
    player.play().catch(err => console.error('❌ Audio play failed:', err, 'URL:', url));
  }

  // --- Debounce clicks so we handle only once per user action ---
  let lastClickTs = 0;
  let lastClickEl = null;

  function onClick(ev) {
    const lineEl = findLine(ev.target);
    if (!lineEl) return;
    if (ev.target.closest && ev.target.closest('a')) return;

    const now = Date.now();
    if (lastClickEl === lineEl && (now - lastClickTs) < 250) return;
    lastClickEl = lineEl; lastClickTs = now;

    ev.preventDefault();
    playForLine(lineEl);
  }

  document.addEventListener('click', onClick, true);

  document.addEventListener('keydown', (ev) => {
    if (ev.key !== 'Enter' && ev.key !== ' ') return;
    const lineEl = findLine(ev.target);
    if (!lineEl) return;
    ev.preventDefault();
    playForLine(lineEl);
  }, true);

  player.addEventListener('error', () => {
    const code = (player.error && player.error.code) || '(no code)';
    console.error('🎧 <audio> error. Code:', code, 'Src:', player.currentSrc);
  });
  player.addEventListener('ended', () => {
    player.dataset.currentLine = '';
  });

  console.log('✅ Mass per-line audio wired (debounced).');
})();


// ================== Full-prayer audio (Play / Pause / Stop) ==================
(function(){
  if (window.__ddFullAudioWired) return;           // (2) guard
  window.__ddFullAudioWired = true;

  const FULL_ATTR = 'data-full-audio';
  const ctxMap = new WeakMap(); // per .dd-lines context

  function getCtx(box){
    let ctx = ctxMap.get(box);
    if (!ctx) {
      const a = document.createElement('audio');
      a.preload = 'auto';
      a.crossOrigin = 'anonymous';
      a.style.display = 'none';
      box.appendChild(a);
      ctx = { audio: a, mode: 'idle' };
      ctxMap.set(box, ctx);
    }
    return ctx;
  }

  function normalizeUrl(u){
    if (!u) return null;
    u = u.trim();
    if (u.startsWith('//')) return location.protocol + u;
    if (u.startsWith('/'))  return location.origin + u;
    if (location.protocol === 'https:' && u.startsWith('http://')) {
      return u.replace(/^http:\/\//i, 'https://');
    }
    return u;
  }

  // (3) be flexible about where the buttons live
  function findLinesBoxFromButton(btn){
    // 1) same container sibling
    let scope = btn.closest('.dd-block, .dd-card, .dd-section, .panel, .entry-content, main, body') || document;
    let box = scope.querySelector(':scope > .dd-lines') || scope.querySelector('.dd-lines');
    // 2) fallback: climb a little further if needed
    if (!box && scope.parentElement) {
      box = scope.parentElement.querySelector('.dd-lines');
    }
    return box || document.querySelector('.dd-lines');
  }

  function playFull(box){
    const fullRaw = box.getAttribute(FULL_ATTR);
    if (!fullRaw) return;
    const fullUrl = normalizeUrl(fullRaw);
    const ctx = getCtx(box);

    // stop any line-queue logic (if present)
    box.dispatchEvent(new CustomEvent('dd-stop-lines', {bubbles:true}));

    ctx.mode = 'full';
    ctx.audio.src = fullUrl;
    ctx.audio.currentTime = 0;
    ctx.audio.play().catch(err => console.warn('Full audio play blocked/interrupted:', err));
  }

  function pauseFull(box){
    const ctx = ctxMap.get(box);
    if (ctx && ctx.mode === 'full') ctx.audio.pause();
  }

  function stopFull(box){
    const ctx = ctxMap.get(box);
    if (ctx && ctx.mode === 'full') {
      ctx.audio.pause();
      ctx.audio.currentTime = 0;
      ctx.mode = 'idle';
    }
  }

  document.addEventListener('click', (ev) => {
    const btn = ev.target.closest('button');
    if (!btn) return;

    const label = (btn.dataset.action || btn.textContent || '').trim().toLowerCase();
    if (!/^(play|pause|stop)$/.test(label)) return;

    const box = findLinesBoxFromButton(btn);
    if (!box || !box.hasAttribute(FULL_ATTR)) return;

    ev.preventDefault();
    if (label === 'play')  playFull(box);
    if (label === 'pause') pauseFull(box);
    if (label === 'stop')  stopFull(box);
  });
})();</script>	<script>
		(function () {
			var c = document.body.className;
			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
			document.body.className = c;
		})();
	</script>
	<script id="domusdei-propers-ui-js-js-extra">
var DD_CONFIG = {"apiBase":"https://domvsdei.com/wp-json/domusdei/v1","wpNonce":"ee5a4e68dd"};
//# sourceURL=domusdei-propers-ui-js-js-extra
</script>
<script src="https://domvsdei.com/wp-content/plugins/domusdei-propers-ui/assets/propers-ui.js?ver=1761512425" id="domusdei-propers-ui-js-js"></script>
<script id="kadence-navigation-js-extra">
var kadenceConfig = {"screenReader":{"expand":"Child menu","expandOf":"Child menu of","collapse":"Child menu","collapseOf":"Child menu of"},"breakPoints":{"desktop":"1024","tablet":768},"scrollOffset":"0"};
//# sourceURL=kadence-navigation-js-extra
</script>
<script src="https://domvsdei.com/wp-content/themes/kadence/assets/js/navigation.min.js?ver=1.4.5" id="kadence-navigation-js" async></script>
<script src="https://domvsdei.com/wp-content/themes/kadence/assets/js/shop-spinner.min.js?ver=1.4.5" id="kadence-shop-spinner-js" async></script>
<script id="heateor_sss_sharing_js-js-before">
function heateorSssLoadEvent(e) {var t=window.onload;if (typeof window.onload!="function") {window.onload=e}else{window.onload=function() {t();e()}}};	var heateorSssSharingAjaxUrl = 'https://domvsdei.com/wp-admin/admin-ajax.php', heateorSssCloseIconPath = 'https://domvsdei.com/wp-content/plugins/sassy-social-share/public/../images/close.png', heateorSssPluginIconPath = 'https://domvsdei.com/wp-content/plugins/sassy-social-share/public/../images/logo.png', heateorSssHorizontalSharingCountEnable = 0, heateorSssVerticalSharingCountEnable = 0, heateorSssSharingOffset = -10; var heateorSssMobileStickySharingEnabled = 1;var heateorSssCopyLinkMessage = "Link copied.";var heateorSssUrlCountFetched = [], heateorSssSharesText = 'Shares', heateorSssShareText = 'Share';function heateorSssPopup(e) {window.open(e,"popUpWindow","height=400,width=600,left=400,top=100,resizable,scrollbars,toolbar=0,personalbar=0,menubar=no,location=no,directories=no,status")}
//# sourceURL=heateor_sss_sharing_js-js-before
</script>
<script src="https://domvsdei.com/wp-content/plugins/sassy-social-share/public/js/sassy-social-share-public.js?ver=3.3.79" id="heateor_sss_sharing_js-js"></script>
<script src="https://domvsdei.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.6.1" id="sourcebuster-js-js"></script>
<script id="wc-order-attribution-js-extra">
var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://domvsdei.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
//# sourceURL=wc-order-attribution-js-extra
</script>
<script src="https://domvsdei.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.6.1" id="wc-order-attribution-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://domvsdei.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://domvsdei.com/wp-includes/js/wp-emoji-loader.min.js
</script>
</body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl509361'},{'dcenter':'p3'},{'cp_id':'10352616'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>