```php
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Issues | Death Doula Magazine</title>
<meta name="description" content="Browse issues of Death Doula Magazine, a reflective and practical publication exploring death, dying, grief, care, and what it means to live well. Read Issue 2 (Summer 2026) and revisit Issue 1 (Spring 2026).">
<link rel="canonical" href="https://deathdoulamagazine.com/issues/">

<meta name="robots" content="index,follow">

<!-- Open Graph -->
<meta property="og:title" content="Issues | Death Doula Magazine">
<meta property="og:description" content="Browse current and past issues of Death Doula Magazine, including Issue 2 (Summer 2026) and Issue 1 (Spring 2026).">
<meta property="og:type" content="website">
<meta property="og:url" content="https://deathdoulamagazine.com/issues/">
<meta property="og:image" content="https://deathdoulamagazine.com/issues/issue-2/assets/cover-2.jpg">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Issues | Death Doula Magazine">
<meta name="twitter:description" content="Browse current and past issues of Death Doula Magazine, including Issue 2 (Summer 2026) and Issue 1 (Spring 2026).">
<meta name="twitter:image" content="https://deathdoulamagazine.com/issues/issue-2/assets/cover-2.jpg">

<!-- Performance hints (safe defaults) -->
<link rel="preconnect" href="https://an.gr-wcon.com" crossorigin>

<!-- Favicon -->
<link rel="icon" type="image/png" sizes="512x512" href="/images/favicon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon.png">
<link rel="apple-touch-icon" href="/images/favicon.png">
<link rel="shortcut icon" href="/images/favicon.png">

<link rel="stylesheet" href="/css/style.css?v=20260201">




<!-- GetResponse Analytics -->
<script type="text/javascript">
  (function(m, o, n, t, e, r, _){
    m['__GetResponseAnalyticsObject'] = e;
    m[e] = m[e] || function() {(m[e].q = m[e].q || []).push(arguments)};
    r = o.createElement(n); _ = o.getElementsByTagName(n)[0];
    r.async = 1; r.src = t; r.setAttribute('crossorigin', 'use-credentials');
    _.parentNode.insertBefore(r, _);
  })(window, document, 'script',
    'https://an.gr-wcon.com/script/f4c3e77c-931b-49ad-bd54-4f5553309a09/ga.js',
    'GrTracking'
  );
</script>
<!-- End GetResponse Analytics -->
<header class="site-header">
  <div class="wrap">
    <a class="logo" href="/" aria-label="Death Doula Magazine home">
      <img src="/images/header-logo.png" alt="Death Doula Magazine" class="site-logo">
    </a>

    <nav class="nav">
      <ul>
        <li><a href="/issues/">Issues</a></li>
        <li><a href="/subscribe/">Subscribe</a></li>
        <li><a href="/contribute/">Contributors</a></li>
        <li><a href="/about/">About</a></li>
      </ul>
    </nav>
  </div>
</header>

<!-- Enhanced SEO Meta Tags -->
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<meta name="author" content="Death Doula Magazine">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="Death Doula Magazine">
<meta property="og:locale" content="en_US">
<meta name="twitter:image:alt" content="Death Doula Magazine Issue 2 cover - Summer 2026">

<!-- Structured Data -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "CollectionPage",
      "@id": "https://deathdoulamagazine.com/issues/#collection",
      "name": "Issues | Death Doula Magazine",
      "description": "Browse issues of Death Doula Magazine, a reflective and practical publication exploring death, dying, grief, care, and what it means to live well.",
      "url": "https://deathdoulamagazine.com/issues/",
      "isPartOf": { "@id": "https://deathdoulamagazine.com/#website" },
      "datePublished": "2026-02-01T00:00:00+00:00",
      "dateModified": "2026-06-21T00:00:00+00:00",
      "breadcrumb": { "@id": "https://deathdoulamagazine.com/issues/#breadcrumb" },
      "mainEntity": {
        "@type": "ItemList",
        "name": "Death Doula Magazine Issues",
        "itemListOrder": "https://schema.org/ItemListOrderDescending",
        "numberOfItems": 2,
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "item": {
              "@type": "PublicationIssue",
              "name": "Issue 2 | Summer 2026",
              "url": "https://deathdoulamagazine.com/issues/issue-2/",
              "image": "https://deathdoulamagazine.com/issues/issue-2/assets/cover-2.jpg",
              "datePublished": "2026-06-21",
              "creativeWorkStatus": "Published"
            }
          },
          {
            "@type": "ListItem",
            "position": 2,
            "item": {
              "@type": "PublicationIssue",
              "name": "Issue 1 | Spring 2026",
              "url": "https://deathdoulamagazine.com/issues/issue-1/",
              "image": "https://deathdoulamagazine.com/issues/issue-1/assets/cover.jpg",
              "datePublished": "2026-02-01",
              "creativeWorkStatus": "Published"
            }
          }
        ]
      }
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://deathdoulamagazine.com/issues/#breadcrumb",
      "itemListElement": [
        { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://deathdoulamagazine.com/" },
        { "@type": "ListItem", "position": 2, "name": "Issues", "item": "https://deathdoulamagazine.com/issues/" }
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://deathdoulamagazine.com/#website",
      "name": "Death Doula Magazine",
      "url": "https://deathdoulamagazine.com/",
      "inLanguage": "en-US"
    }
  ]
}
</script>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Crimson+Pro:wght@400;600;700&display=swap" rel="stylesheet">

<style>
:root {
  --accent: #789B73;
  --accent-dark: #426039;
  --gold: #E7B96A;
  --ink: #2E2C2C;
  --ink-soft: #5A5454;
  --bg-warm: #FDFBFA;
  --sage-soft: #EEF5EA;
  --sage-wash: #F6FAF2;
}

* { box-sizing: border-box; }

body {
  font-family: 'Lora', serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 12% 8%, rgba(120,155,115,0.14) 0, transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(231,185,106,0.10) 0, transparent 26%),
    var(--bg-warm);
  margin: 0;
  padding: 0;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a:focus-visible {
  outline: 3px solid rgba(231,185,106,0.95);
  outline-offset: 3px;
  border-radius: 4px;
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--ink);
  color: white;
  padding: 8px;
  text-decoration: none;
  z-index: 100;
}

.skip-link:focus { top: 0; }

.issues-hero {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 86px 5% 96px;
}

.issues-hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('/issues/issue-2/assets/serene_sunlit_still_life_scene.jpg');
  background-size: cover;
  background-position: center;
  z-index: 1;
}

.issues-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(25,44,29,0.38) 0%, rgba(25,44,29,0.78) 100%),
    radial-gradient(circle at center, rgba(255,253,248,0.06), transparent 54%);
  z-index: 2;
}

.issues-hero-content {
  position: relative;
  z-index: 3;
  text-align: center;
  color: #fff;
  max-width: 860px;
  margin: 0 auto;
}

.issues-hero h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.65rem, 6vw, 4.25rem);
  line-height: 1.12;
  margin: 0 0 24px;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 3px 25px rgba(0,0,0,0.70);
}

.issues-hero-tagline {
  font-size: clamp(1.15rem, 2.8vw, 1.5rem);
  font-style: italic;
  margin: 0 auto;
  color: rgba(255,255,255,0.95);
  text-shadow: 0 2px 15px rgba(0,0,0,0.60);
  max-width: 760px;
  line-height: 1.6;
}

.ddm-page {
  background: linear-gradient(180deg, #EEF5EA 0%, #F8FBF4 34%, var(--bg-warm) 100%);
  padding: 0 5% 90px;
}

.ddm-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

.issue-shell {
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(120,155,115,0.15);
  box-shadow: 0 8px 40px rgba(34,61,38,0.08);
  overflow: hidden;
  margin: -64px auto 60px;
  position: relative;
  z-index: 10;
}

.issue-shell.archive {
  margin-top: 0;
}

.issue-top {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 0;
}

.issue-cover {
  background: linear-gradient(135deg, rgba(120,155,115,0.10), rgba(255,255,255,0));
  padding: 50px 40px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.issue-cover img {
  width: 100%;
  max-width: 300px;
  border-radius: 12px;
  box-shadow: 0 16px 50px rgba(34,61,38,0.20);
  border: 1px solid rgba(0,0,0,0.08);
  transition: transform 0.4s ease;
}

.issue-cover img:hover {
  transform: scale(1.02);
}

.issue-meta {
  padding: 50px 45px 46px;
}

.issue-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.badge-live,
.badge-archive {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  font-family: 'Crimson Pro', serif;
  font-weight: 700;
  font-size: 0.88rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.badge-live {
  background: rgba(120,155,115,0.14);
  border: 1px solid rgba(120,155,115,0.30);
  color: var(--accent-dark);
}

.badge-live::before {
  content: "●";
  color: var(--accent);
  font-size: 1.25em;
}

.badge-archive {
  background: rgba(231,185,106,0.12);
  border: 1px solid rgba(231,185,106,0.26);
  color: #6E5930;
}

.issue-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.2rem, 4.5vw, 3rem);
  font-weight: 600;
  color: var(--ink);
  margin: 0 0 24px;
  line-height: 1.2;
}

.issue-desc {
  font-size: clamp(1.08rem, 2.2vw, 1.18rem);
  line-height: 1.85;
  color: var(--ink-soft);
  margin: 0 0 20px;
}

.issue-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 32px;
}

.ddm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px 32px;
  border-radius: 50px;
  text-decoration: none;
  font-family: 'Crimson Pro', serif;
  font-weight: 700;
  font-size: 1.05rem;
  transition: all 0.3s ease;
  cursor: pointer;
}

.ddm-btn.primary {
  background: var(--accent-dark);
  color: #ffffff;
  border: 1px solid var(--accent-dark);
  box-shadow: 0 4px 15px rgba(66,96,57,0.16);
}

.ddm-btn.primary:hover,
.ddm-btn.primary:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(66,96,57,0.22);
  background: #314D2B;
}

.ddm-btn.secondary {
  background: transparent;
  color: var(--ink);
  border: 1px solid rgba(120,155,115,0.28);
}

.ddm-btn.secondary:hover,
.ddm-btn.secondary:focus {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.92);
  border-color: var(--accent);
}

.archive-intro {
  text-align: center;
  max-width: 780px;
  margin: 70px auto 34px;
}

.archive-intro h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.9rem, 4vw, 2.4rem);
  color: var(--ink);
  margin: 0 0 14px;
  font-weight: 600;
}

.archive-intro p {
  font-size: 1.08rem;
  color: var(--ink-soft);
  margin: 0;
}

.subscribe-section {
  text-align: center;
  padding: 60px 5% 40px;
  max-width: 800px;
  margin: 0 auto;
}

.subscribe-section h2 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.9rem, 4vw, 2.4rem);
  color: var(--ink);
  margin: 0 0 20px;
  font-weight: 600;
}

.subscribe-section p {
  font-size: clamp(1.05rem, 2vw, 1.15rem);
  line-height: 1.8;
  color: var(--ink-soft);
  margin-bottom: 32px;
}

.archive-cta {
  display: inline-block;
  padding: 16px 40px;
  background: linear-gradient(135deg, rgba(120,155,115,0.12) 0%, rgba(231,185,106,0.12) 100%);
  border: 2px solid rgba(120,155,115,0.25);
  color: var(--ink);
  font-family: 'Crimson Pro', serif;
  font-weight: 700;
  font-size: 1.08rem;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.archive-cta:hover,
.archive-cta:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  border-color: var(--accent);
}

@media (max-width: 900px) {
  .issues-hero {
    min-height: 350px;
    padding: 70px 5% 80px;
  }

  .issue-shell {
    margin-top: -50px;
  }

  .issue-top {
    grid-template-columns: 1fr;
  }

  .issue-cover {
    padding: 40px 32px;
  }

  .issue-meta {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 600px) {
  .issues-hero {
    min-height: 320px;
    padding: 60px 5% 70px;
  }

  .issue-shell {
    margin-top: -40px;
  }

  .issue-cover {
    padding: 32px 24px;
  }

  .issue-cover img {
    max-width: 260px;
  }

  .issue-meta {
    padding: 32px 24px 34px;
  }

  .issue-actions {
    flex-direction: column;
    gap: 10px;
  }

  .ddm-btn {
    width: 100%;
    justify-content: center;
  }

  .subscribe-section {
    padding: 50px 5% 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Force dark menu text on this page for mobile */
@media (max-width: 768px) {
  .site-header .nav a {
    color: #2E2C2C !important;
  }

  .site-header .nav a:hover {
    color: #605A54 !important;
  }

  .site-header .nav a[aria-current="page"],
  .site-header .nav li.active a {
    color: #2E2C2C !important;
    font-weight: 700;
  }
}
</style>

<a href="#main-content" class="skip-link">Skip to main content</a>

<section class="issues-hero" aria-label="Issues Archive Introduction">
  <div class="issues-hero-bg" role="img" aria-label="Soft sunlit room with a journal, candle, and summer greenery"></div>
  <div class="issues-hero-overlay"></div>
  <div class="issues-hero-content">
    <h1>Our Issues</h1>
    <p class="issues-hero-tagline">
      Thoughtful perspectives on death, dying, grief, and care — published with intention and respect for this tender work.
    </p>
  </div>
</section>

<main id="main-content" class="ddm-page">
  <div class="ddm-wrap">

    <article class="issue-shell" aria-labelledby="issue-2-title">
      <div class="issue-top">
        <div class="issue-cover">
          <img
            src="/issues/issue-2/assets/cover-2.jpg"
            alt="Death Doula Magazine Issue 2 cover featuring Both Ends of the Leash"
            loading="eager"
            width="300"
            height="375"
          >
        </div>

        <div class="issue-meta">
          <div class="issue-kicker">
            <span class="badge-live">Summer 2026</span>
          </div>

          <h2 id="issue-2-title" class="issue-title">Issue 2</h2>

          <p class="issue-desc">
            Welcome to our <strong>Summer 2026 issue</strong>. This edition is soft, green, grounded, and full of summer light.
          </p>

          <p class="issue-desc">
            Inside, you’ll find reflections on animal companionship, garden wisdom, warm-weather vigil care, and the tender complexity of choice at the end of life.
          </p>

          <p class="issue-desc">
            Thoughtful, practical, and deeply human, these articles invite us to slow down, pay attention, and remember what matters most.
          </p>

          <div class="issue-actions">
            <a href="https://deathdoulamagazine.com/issues/issue-2/" class="ddm-btn primary">View Issue 2 →</a>
            
          </div>
        </div>
      </div>
    </article>

    <section class="archive-intro" aria-labelledby="archive-heading">
      <h2 id="archive-heading">Magazine Archive</h2>
      <p>Previous issues remain available for reading, reflection, and sharing.</p>
    </section>

    <article class="issue-shell archive" aria-labelledby="issue-1-title">
      <div class="issue-top">
        <div class="issue-cover">
          <img
            src="/issues/issue-1/assets/cover.jpg"
            alt="Death Doula Magazine Issue 1 cover featuring Spring 2026 articles"
            loading="lazy"
            width="300"
            height="428"
          >
        </div>

        <div class="issue-meta">
          <div class="issue-kicker">
            <span class="badge-archive">Spring 2026</span>
          </div>

          <h2 id="issue-1-title" class="issue-title">Issue 1</h2>

          <p class="issue-desc">
            Our <strong>Spring 2026 issue</strong> explores mortality, grief, presence, language, technology, and environmentally conscious end-of-life choices.
          </p>

          <p class="issue-desc">
            These foundational articles helped launch Death Doula Magazine and continue to offer meaningful reflections for caregivers, doulas, and the death-curious.
          </p>

          <div class="issue-actions">
            <a href="https://deathdoulamagazine.com/issues/issue-1/" class="ddm-btn secondary">View Issue 1 →</a>
          </div>
        </div>
      </div>
    </article>

    <section class="subscribe-section" aria-labelledby="subscribe-heading">
      <h2 id="subscribe-heading">More Issues Coming Soon</h2>
      <p>
        We publish thoughtfully and with care. Subscribe to be notified when new issues are available.
      </p>
      <a href="/subscribe/" class="archive-cta" aria-label="Subscribe to the magazine">
        Subscribe to the Magazine
      </a>
    </section>

  </div>
</main>

<footer class="site-footer">
  <div class="wrap">
    <p class="disclaimer">     
ALL INFORMATION CONTAINED IN THIS WEBSITE IS FOR YOUR INFORMATIONAL PURPOSES ONLY. INFORMATION YOU FIND ON THIS WEBSITE SHOULD NOT BE USED BY YOU AS MEDICAL ADVICE OR AS A SUBSTITUTE FOR PROFESSIONAL MEDICAL ADVICE, DIAGNOSIS, OR TREATMENT. ALWAYS SEEK THE ADVICE OF YOUR PHYSICIAN WITH ANY QUESTIONS YOU MAY HAVE REGARDING A MEDICAL CONDITION.
    </p>
    <p>© 2026 Death Doula Magazine. All rights reserved.</p>
  </div>
</footer>

<!-- Elegant Sticky Guide Banner -->  
<style>
.guide-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(135deg, #2E2C2C 0%, #3d3a3a 100%);
  border-top: 2px solid #E7B96A;
  box-shadow: 0 -8px 32px rgba(0,0,0,0.25);
  z-index: 9999;
  transform: translateY(0);
  transition: transform 0.4s ease;
}

.guide-banner.hidden {
  transform: translateY(100%);
}

.guide-banner-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.guide-banner-content {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}

.guide-banner-icon {
  font-size: 32px;
  line-height: 1;
  flex-shrink: 0;
}

.guide-banner-text {
  flex: 1;
}

.guide-banner-title {
  font-family: 'Playfair Display', serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: #F3E6CC;
  margin: 0 0 4px;
  line-height: 1.2;
}

.guide-banner-subtitle {
  font-family: 'Lora', serif;
  font-size: 0.92rem;
  font-style: italic;
  color: rgba(255,255,255,0.80);
  margin: 0;
  line-height: 1.4;
}

.guide-banner-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: #E7B96A;
  color: #2E2C2C;
  border-radius: 50px;
  font-family: 'Crimson Pro', serif;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(231,185,106,0.3);
}

.guide-banner-cta:hover {
  background: #F3D9A3;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(231,185,106,0.5);
}

.guide-banner-close {
  background: transparent;
  border: none;
  color: rgba(255,255,255,0.60);
  font-size: 24px;
  cursor: pointer;
  padding: 4px 8px;
  line-height: 1;
  transition: color 0.2s ease;
  flex-shrink: 0;
}

.guide-banner-close:hover {
  color: rgba(255,255,255,0.90);
}

/* Mobile optimization - more compact */
@media (max-width: 768px) {
  .guide-banner-inner {
    padding: 12px 16px;
    gap: 10px;
  }
  
  .guide-banner-content {
    gap: 10px;
  }
  
  .guide-banner-icon {
    font-size: 24px;
  }
  
  .guide-banner-title {
    font-size: 0.98rem;
    margin: 0 0 2px;
  }
  
  .guide-banner-subtitle {
    font-size: 0.82rem;
    line-height: 1.3;
  }
  
  .guide-banner-cta {
    padding: 10px 20px;
    font-size: 0.92rem;
  }
  
  .guide-banner-close {
    font-size: 22px;
    padding: 2px 6px;
  }
}

/* Extra compact for very small screens */
@media (max-width: 480px) {
  .guide-banner-inner {
    padding: 10px 12px;
  }
  
  .guide-banner-icon {
    display: none;
  }
  
  .guide-banner-title {
    font-size: 0.92rem;
  }
  
  .guide-banner-subtitle {
    display: none;
  }
  
  .guide-banner-cta {
    padding: 9px 18px;
    font-size: 0.88rem;
  }
}

/* Hide the old floating button but keep it functional */
.floating-guide-btn {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
  .guide-banner,
  .guide-banner-cta {
    transition: none;
  }
}

@media print {
  .guide-banner,
  .floating-guide-btn { 
    display: none !important; 
  }
}
</style>

<div class="guide-banner" id="guideBanner">
  <div class="guide-banner-inner">
    <div class="guide-banner-content">
      <span class="guide-banner-icon" aria-hidden="true">🌿</span>
      <div class="guide-banner-text">
        <h3 class="guide-banner-title">What to Say When Words Feel Impossible</h3>
        <p class="guide-banner-subtitle">Get our free guide to comfort language—gentle, grounded phrases for life's hardest moments</p>
      </div>
    </div>
    <button type="button" class="guide-banner-cta" onclick="document.querySelector('.floating-guide-btn').click()">
      Download Free Guide
    </button>
    <button type="button" class="guide-banner-close" aria-label="Close banner" onclick="document.getElementById('guideBanner').classList.add('hidden')">
      ×
    </button>
  </div>
</div>

<!-- Hidden GetResponse trigger button (DO NOT REMOVE - needed for popup) -->
<button type="button" class="floating-guide-btn">
  <span class="icon">🌿</span>
  <span class="btn-text">
    <span class="btn-title">Comforting Language Guide</span>
  </span>
</button>

<!-- GetResponse Analytics -->
<script type="text/javascript">
  (function(m, o, n, t, e, r, _){
    m['__GetResponseAnalyticsObject'] = e;m[e] = m[e] || function() {(m[e].q = m[e].q || []).push(arguments)};
    r = o.createElement(n);_ = o.getElementsByTagName(n)[0];r.async = 1;r.src = t;r.setAttribute('crossorigin', 'use-credentials');_.parentNode .insertBefore(r, _);
  })(window, document, 'script', 'https://an.gr-wcon.com/script/f4c3e77c-931b-49ad-bd54-4f5553309a09/ga.js', 'GrTracking');
</script>
<!-- End GetResponse Analytics -->```