/* =========================================================
Eulogy Brand Variables
========================================================= */

:root {
/* Core brand */
--eulogy-navy: #0b1f3a;           /* Authority, headings, structural text */
--eulogy-crimson: #9b1c31;        /* Action, consequence, primary CTAs */
--eulogy-paper: #f2eadc;          /* Historic cards and branded surfaces */

/* Secondary brand */
--eulogy-burgundy: #7b1e21;       /* Crimson depth and hover states */
--eulogy-cream: #f7f3ec;          /* Page field and readable light space */
--eulogy-author-blue: #244b78;    /* Human voice, author identity, secondary links */

/* Utility neutral */
--eulogy-steel: #5a5f66;          /* Metadata, captions, fine print, subdued instructions */

/* Atmospheric support */
--eulogy-deep-navy: #061426;      /* Cinematic depth and dark gradients */
--eulogy-parchment: #e7d9c3;      /* Historic detail and dark-field support */
--eulogy-cream-bright: #fff8ef;   /* Highest-contrast light text */

/* Interactive support */
--eulogy-warm-white: #fffaf2;    /* Warm interactive highlight */
--eulogy-crimson-deep: #5f1518;  /* Deep crimson text on light controls */

/* Card heading underline system */
--eulogy-card-underline-height: 2px;
--eulogy-card-underline-gap: 0.6rem;
--eulogy-card-underline-start: var(--eulogy-crimson);
--eulogy-card-underline-fade:
  color-mix(in srgb, var(--eulogy-crimson) 24%, transparent);

/* Countdown / world prop */
--eulogy-clock-red: #a91626;
--eulogy-clock-red-hover: #bd2435;
--eulogy-operations-black: #08090b;
--eulogy-housing-black: #111418;
--eulogy-header-black: #0b0d10;
--eulogy-frame-charcoal: #181b20;
--eulogy-hardware-black: #050607;
--eulogy-panel-charcoal: #1a1d22;

/* Reusable transparent treatments */
--eulogy-border-cream:
  color-mix(in srgb, var(--eulogy-cream) 18%, transparent);

--eulogy-shadow-black-faint:
  color-mix(in srgb, black 6%, transparent);

--eulogy-shadow-black-light:
  color-mix(in srgb, black 12%, transparent);

--eulogy-shadow-black-soft:
  color-mix(in srgb, black 18%, transparent);

--eulogy-shadow-black-medium:
  color-mix(in srgb, black 28%, transparent);

--eulogy-shadow-black-deep:
  color-mix(in srgb, black 42%, transparent);
}

/*
Eulogy application rules:

Navy:

* Headings, titles, FAQ questions, labels, navigation, authority text.

Author Blue:

* Author-facing copy, secondary links, excerpts, and selected longer passages.
* Use one stable reading color per section. Do not alternate paragraph by paragraph.

Crimson:

* Primary CTAs, active emphasis, consequence, and key rules.
* Burgundy supports hover and depth.

Cream + Paper:

* Cream carries open page space.
* Paper carries cards, panels, and historic editorial surfaces.

Steel:

* Metadata, dates, captions, fine print, and subdued notes.

Deep Navy + Parchment + Cream Bright:

* Dark branded fields, cinematic atmosphere, subtitles, and light text.

Black family:

* Countdown, overlays, shadows, mechanical surfaces, and world-prop realism only.

Governing rule:
Use color to create hierarchy, not to force every brand color into view.
*/

/* =========================
   Skip link + Focus styles
   ========================= */

.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  padding: 0.5rem 1rem;
  background: var(--eulogy-navy);
  color: var(--eulogy-cream);
  z-index: 10000;
}

.skip-link:focus {
  left: 0.75rem;
  top: 0.75rem;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--eulogy-crimson);
  outline-offset: 3px;
}

/* =========================
   Page canvas
   Cream remains continuous across the full homepage.
   Paper is reserved for cards and editorial panels.
   ========================= */

html,
body.home,
body.page-id-1088,
body.home .wp-site-blocks,
body.page-id-1088 .wp-site-blocks,
body.home .wp-site-blocks > main,
body.page-id-1088 .wp-site-blocks > main,
body.home main,
body.page-id-1088 main,
body.home .site-main,
body.page-id-1088 .site-main,
body.home .entry-content,
body.page-id-1088 .entry-content,
body.home .wp-block-post-content,
body.page-id-1088 .wp-block-post-content {
  background: var(--eulogy-cream) !important;
}

/* =========================
   Layout wrapper
   ========================= */

.eulogy-main {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 clamp(1.25rem, 4vw, 2rem);
}

/* Smooth anchor scrolling */
html {
  scroll-behavior: smooth;
}

.homepage-hero-copy {
  min-width: 0;
}

/* =========================
   Homepage Hero
   Book identity signal card
   ========================= */

.homepage-hero-card {
  max-width: 900px;
  margin: 0.25rem auto 1.35rem;
  padding: 0.8rem 1.25rem 0.95rem;
  background:
    linear-gradient(
      135deg,
      var(--eulogy-navy) 0%,
      var(--eulogy-deep-navy) 100%
    );
  border: 1px solid color-mix(in srgb, var(--eulogy-parchment) 24%, transparent);
  border-radius: 12px;
  box-shadow:
    inset 0 0 18px var(--eulogy-shadow-black-soft),
    0 10px 24px color-mix(in srgb, var(--eulogy-deep-navy) 14%, transparent);
}

.homepage-hero-kicker {
  margin: 0 0 0.35rem;
  color: var(--eulogy-parchment);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.homepage-hero-card h1 {
  margin: 0;
  color: var(--eulogy-cream-bright);
  font-size: clamp(1.9rem, 4vw, 2.65rem);
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.homepage-hero-subtitle {
  margin: 0.35rem 0 0;
  color: var(--eulogy-parchment);
  font-size: clamp(0.98rem, 1.8vw, 1.18rem);
  font-weight: 800;
  line-height: 1.25;
}

.homepage-hero-subtitle em {
  font-style: italic;
}

/* =========================
   Responsive video
   ========================= */

.homepage-video-section {
  max-width: 960px;
  margin: 1.35rem auto 2rem;
}

.responsive-video {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 14px 32px var(--eulogy-shadow-black-soft);
}

.responsive-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* =========================
   Motion-safe fade-up lines
   ========================= */

.eulogy-fade-line {
  display: inline-block;
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes eulogyFadeUp {
    from {
      opacity: 0;
      transform: translateY(6px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .eulogy-fade-line {
    opacity: 0;
    transform: translateY(6px);
    animation: eulogyFadeUp 1s ease-out forwards;
  }

  .eulogy-fade-1 {
    animation-delay: 0s;
  }

  .eulogy-fade-2 {
    animation-delay: 0.06s;
  }

  .eulogy-fade-3 {
    animation-delay: 0.12s;
  }
}

/* Hidden if an older shortcode/cache still outputs it */
.homepage-seo-intro {
  display: none;
}

/* =========================
   Book Pre-Order Banner
   ========================= */

.book-preorder-banner {
  max-width: 900px;
  margin: 0.9rem auto 0.65rem;
  padding: 0 1rem;
  scroll-margin-top: 120px;
}

.book-preorder-inner {
  display: grid;
  gap: 0.85rem;
  padding: 1rem 1.15rem 1.1rem;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--eulogy-crimson) 96%, transparent) 0%,
      color-mix(in srgb, var(--eulogy-burgundy) 98%, transparent) 48%,
      color-mix(in srgb, var(--eulogy-deep-navy) 88%, transparent) 100%
    );
  border: 1px solid var(--eulogy-border-cream);
  box-shadow:
    inset 0 0 22px var(--eulogy-shadow-black-deep),
    0 10px 26px color-mix(in srgb, black 22%, transparent);
}

.book-preorder-header {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1rem;
}

.book-preorder-badge {
  padding: 0.5rem 0.65rem;
  border: 1px solid color-mix(in srgb, var(--eulogy-cream) 35%, transparent);
  color: color-mix(in srgb, var(--eulogy-cream) 86%, transparent);
  font-size: 0.72rem;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
}

.book-preorder-copy {
  color: var(--eulogy-cream);
}

.book-preorder-eyebrow {
  margin-bottom: 0.25rem;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--eulogy-cream) 72%, transparent);
  font-weight: 700;
}

.book-preorder-copy h2 {
  margin: 0;
  font-size: clamp(1.25rem, 2.25vw, 1.85rem);
  line-height: 1.15;
  color: var(--eulogy-cream-bright);
}

.book-preorder-copy p {
  margin: 0.35rem 0 0;
  font-size: 0.95rem;
  line-height: 1.4;
  color: color-mix(in srgb, var(--eulogy-cream) 82%, transparent);
}

.book-retailer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.book-retailer-card {
  padding: 0.75rem;
  border: 1px solid var(--eulogy-border-cream);
  background:
    color-mix(
      in srgb,
      var(--eulogy-deep-navy) 20%,
      transparent
    );
  box-shadow:
    inset 0 0 16px var(--eulogy-shadow-black-medium);
}

.book-retailer-card h3 {
  margin: 0 0 0.6rem;
  color: var(--eulogy-cream-bright);
  font-size: 0.86rem;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-align: center;
}

.book-preorder-buttons {
  display: grid;
  gap: 0.5rem;
}

.book-preorder-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem 0.9rem;
  background: var(--eulogy-cream);
  color: var(--eulogy-crimson);
  border: 1px solid color-mix(in srgb, var(--eulogy-cream) 50%, transparent);
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.76rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 800;
  box-shadow: 0 6px 18px color-mix(in srgb, black 22%, transparent);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.book-preorder-button:hover,
.book-preorder-button:focus-visible {
  background: var(--eulogy-warm-white);
  color: var(--eulogy-crimson-deep);
  transform: translateY(-1px);
  box-shadow: 0 8px 22px var(--eulogy-shadow-black-medium);
}

.book-preorder-format-note {
  margin: 0.05rem 0 0;
  color: color-mix(in srgb, var(--eulogy-cream) 72%, transparent);
  font-size: 0.74rem;
  line-height: 1.35;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
}

/* =========================
   Secondary Retailer Banner
   ========================= */

.book-secondary-retailer-banner {
  max-width: 900px;
  margin: 0 auto 1rem;
  padding: 0 1rem;
}

.book-secondary-retailer-inner {
  display: grid;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background:
    linear-gradient(
      135deg,
      var(--eulogy-navy) 0%,
      var(--eulogy-deep-navy) 100%
    );
  border: 1px solid var(--eulogy-border-cream);
  border-radius: 4px;
  box-shadow:
    inset 0 0 18px color-mix(in srgb, black 36%, transparent),
    0 6px 18px color-mix(in srgb, black 16%, transparent);
}

.book-international-callout {
  text-align: center;
}

.book-international-label {
  display: inline-block;
  margin-bottom: 0.3rem;
  color: color-mix(in srgb, var(--eulogy-cream) 86%, transparent);
  font-size: 0.72rem;
  line-height: 1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-weight: 900;
}

.book-international-note {
  margin: 0;
  color: color-mix(in srgb, var(--eulogy-cream) 86%, transparent);
  font-size: 0.84rem;
  line-height: 1.38;
  text-align: center;
}

.book-secondary-retailer-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid color-mix(in srgb, var(--eulogy-cream) 16%, transparent);
}

.book-secondary-retailer-label {
  color: color-mix(in srgb, var(--eulogy-cream) 70%, transparent);
  font-size: 0.7rem;
  line-height: 1;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  font-weight: 800;
  white-space: nowrap;
}

.book-secondary-retailer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

.book-secondary-retailer-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--eulogy-cream);
  font-size: 0.74rem;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--eulogy-cream) 38%, transparent);
  transition:
    color 0.18s ease,
    border-color 0.18s ease,
    transform 0.18s ease;
}

.book-secondary-retailer-links a:hover,
.book-secondary-retailer-links a:focus-visible {
  color: var(--eulogy-warm-white);
  border-bottom-color: var(--eulogy-warm-white);
  transform: translateY(-1px);
}

.book-secondary-retailer-divider {
  color: color-mix(in srgb, var(--eulogy-cream) 58%, transparent);
  font-size: 0.72rem;
  line-height: 1;
  font-weight: 900;
}

/* =========================
   Bunker Countdown System
   ARC-style wall clock treatment
   ========================= */

.bunker-system {
  background:
    linear-gradient(180deg, var(--eulogy-housing-black) 0%, var(--eulogy-operations-black) 100%);
  padding: 1.2rem;
  margin: 0 auto 1.35rem;
  max-width: 900px;
  text-align: center;
  border: 8px solid var(--eulogy-hardware-black);
  border-radius: 6px;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--eulogy-cream) 8%, transparent),
    inset 0 0 28px color-mix(in srgb, black 74%, transparent),
    0 16px 34px color-mix(in srgb, black 32%, transparent);
}

.bunker-header {
  text-align: center;
  margin: 0 0 0.85rem 0;
  padding: 0.5rem 0.7rem;
  font-size: clamp(0.78rem, 1vw, 0.95rem);
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--eulogy-parchment) 78%, transparent);
  font-weight: 700;
  background: var(--eulogy-header-black);
  border: 1px solid color-mix(in srgb, var(--eulogy-parchment) 13%, transparent);
  border-radius: 3px;
}

.bunker-header::after {
  content: "";
  display: block;
  width: 220px;
  height: 1px;
  margin: 0.5rem auto 0;
  background:
    linear-gradient(
      to right,
      transparent,
      color-mix(in srgb, var(--eulogy-parchment) 32%, transparent),
      color-mix(in srgb, var(--eulogy-clock-red) 42%, transparent),
      color-mix(in srgb, var(--eulogy-parchment) 32%, transparent),
      transparent
    );
}

.bunker-grid.stacked {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
  align-items: stretch;
  width: 100%;
}

.bunker-frame {
  background:
    radial-gradient(
      circle at center,
      color-mix(in srgb, var(--eulogy-panel-charcoal) 96%, transparent) 0%,
      color-mix(in srgb, var(--eulogy-operations-black) 98%, transparent) 72%
    ),
    linear-gradient(180deg, var(--eulogy-frame-charcoal) 0%, var(--eulogy-operations-black) 100%);
  border: 1px solid color-mix(in srgb, var(--eulogy-parchment) 14%, transparent);
  border-radius: 4px;
  padding: 0.85rem 1rem 0.95rem;
  text-align: center;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, white 2.5%, transparent),
    inset 0 0 22px color-mix(in srgb, black 82%, transparent),
    0 1px 0 color-mix(in srgb, white 3.5%, transparent);
  min-height: 108px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.bunker-frame.primary {
  min-height: 122px;
  border-color: color-mix(in srgb, var(--eulogy-clock-red) 34%, transparent);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, white 2.5%, transparent),
    inset 0 0 26px color-mix(in srgb, black 86%, transparent),
    0 0 0 1px color-mix(in srgb, var(--eulogy-clock-red) 14%, transparent);
}

.bunker-frame.secondary,
.bunker-frame.tertiary {
  opacity: 0.98;
  border-color: color-mix(in srgb, var(--eulogy-parchment) 12%, transparent);
}

.timer-label {
  display: block;
  width: 100%;
  margin: 0 0 0.45rem 0;
  font-size: 0.74rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-align: center;
  color: color-mix(in srgb, var(--eulogy-parchment) 64%, transparent);
  line-height: 1.3;
  font-weight: 700;
}

.timer-label-primary {
  font-size: 0.84rem;
  letter-spacing: 0.13em;
  font-weight: 800;
  color: color-mix(in srgb, var(--eulogy-cream) 78%, transparent);
}

.timer-note {
  display: block;
  width: 100%;
  max-width: 720px;
  margin: 0.5rem auto 0;
  font-size: 0.68rem;
  line-height: 1.32;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: center;
  color: color-mix(in srgb, var(--eulogy-parchment) 58%, transparent);
  font-weight: 700;
}

.release-note {
  color: color-mix(in srgb, var(--eulogy-parchment) 62%, transparent);
}

.bunker-timer {
  display: block;
  width: 100%;
  font-family: "Courier New", monospace;
  font-size: clamp(2.1rem, 4.5vw, 3.25rem);
  line-height: 1;
  letter-spacing: 0.075em;
  text-align: center;
  color: var(--eulogy-clock-red);
  text-shadow:
    0 0 1px color-mix(in srgb, var(--eulogy-clock-red) 95%, transparent),
    0 0 5px color-mix(in srgb, var(--eulogy-clock-red) 38%, transparent);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.bunker-timer.small {
  font-size: clamp(1.75rem, 3.8vw, 2.55rem);
  letter-spacing: 0.065em;
  text-shadow:
    0 0 1px color-mix(in srgb, var(--eulogy-clock-red) 90%, transparent),
    0 0 4px color-mix(in srgb, var(--eulogy-clock-red) 30%, transparent);
}

.bunker-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Courier New", monospace;
  font-size: clamp(1.65rem, 3.5vw, 2.35rem);
  line-height: 1;
  letter-spacing: 0.12em;
  text-align: center;
  color: var(--eulogy-clock-red);
  text-transform: uppercase;
  text-shadow:
    0 0 1px color-mix(in srgb, var(--eulogy-clock-red) 95%, transparent),
    0 0 5px color-mix(in srgb, var(--eulogy-clock-red) 38%, transparent);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.bunker-status-link {
  text-decoration: none;
  cursor: pointer;
  transition:
    transform 0.18s ease,
    text-shadow 0.18s ease,
    color 0.18s ease;
}

.bunker-status-link:hover,
.bunker-status-link:focus {
  color: var(--eulogy-clock-red-hover);
  transform: translateY(-1px);
  text-shadow:
    0 0 2px color-mix(in srgb, var(--eulogy-clock-red-hover) 78%, transparent),
    0 0 6px color-mix(in srgb, var(--eulogy-clock-red) 36%, transparent);
}

/* =========================
   Book cover
   ========================= */

.book-cover-wrap {
  width: 100%;
  margin: 2rem auto 2.5rem;
  text-align: center;
}

.book-cover-image {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 18px 36px var(--eulogy-shadow-black-medium);
}

/* =========================
   Homepage content sections
   ========================= */

.homepage-intro,
.homepage-section,
.homepage-start {
  max-width: 880px;
  margin: 0 auto 4rem;
}

.homepage-start {
  margin-top: 0.5rem;
}

.homepage-intro {
  margin-bottom: 2.75rem;
}

.homepage-intro h2 {
  width: fit-content;
  max-width: 100%;
  margin: 0 0 0.75rem;
  color: var(--eulogy-navy);
  font-size: clamp(1.45rem, 3vw, 2rem);
  line-height: 1.2;
  letter-spacing: -0.015em;
}

/* The underline inherits the rendered width of this specific heading. */
.homepage-intro h2::after {
  content: "";
  display: block;
  width: 100%;
  height: var(--eulogy-card-underline-height);
  margin-top: 0.55rem;
  background:
    linear-gradient(
      90deg,
      var(--eulogy-card-underline-start) 0%,
      var(--eulogy-card-underline-start) 18%,
      var(--eulogy-card-underline-fade) 100%
    );
  border-radius: 999px;
}

.homepage-lede {
  color: var(--eulogy-author-blue);
  font-size: 1.1rem;
  line-height: 1.6;
}

.homepage-release-note {
  font-size: 0.95rem;
  margin-top: 0.75rem;
  color: var(--eulogy-navy);
  font-weight: 700;
}

.homepage-release-note strong {
  color: var(--eulogy-crimson);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.82rem;
}

.homepage-section h2 {
  margin: 0 0 1rem;
  color: var(--eulogy-navy);
}

.homepage-section p,
.homepage-section li,
.homepage-intro p {
  color: var(--eulogy-author-blue);
  line-height: 1.65;
}

.homepage-signup-card {
  margin: 0 0 1.25rem 0;
  padding: 1.25rem 1rem;
  background: var(--eulogy-paper);
  border: 1px solid color-mix(in srgb, var(--eulogy-crimson) 12%, transparent);
  border-radius: 8px;
  box-shadow: 0 2px 4px var(--eulogy-shadow-black-faint);
}

.homepage-signup-title {
  margin: 0 0 0.5rem 0;
  color: var(--eulogy-navy);
  font-weight: 600;
}

.homepage-signup-copy {
  margin: 0 0 1rem 0;
  color: var(--eulogy-author-blue);
  font-size: 0.95rem;
  line-height: 1.6;
}

.homepage-signup-action {
  margin: 0 0 0.5rem 0;
}

.homepage-signup-fineprint {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--eulogy-steel);
}

.homepage-link-list {
  margin: 1.25rem 0 0;
  padding-left: 1.25rem;
  color: var(--eulogy-author-blue);
  line-height: 1.6;
}

.homepage-link-list li {
  margin-bottom: 0.5rem;
}

.homepage-author-image {
  max-width: 240px;
  height: auto;
  margin-bottom: 1.5rem;
  border-radius: 4px;
}

.homepage-media-note {
  font-weight: 700;
  color: var(--eulogy-steel);
}

.homepage-content-card {
  padding: 1.35rem 1.45rem;
  background: var(--eulogy-paper);
  border: 1px solid color-mix(in srgb, var(--eulogy-crimson) 12%, transparent);
  border-radius: 14px;
  box-shadow: 0 2px 6px color-mix(in srgb, var(--eulogy-deep-navy) 6%, transparent);
}

.homepage-content-card h2 {
  margin: 0 0 0.85rem;
  color: var(--eulogy-navy);
  font-size: clamp(1.35rem, 2.5vw, 1.7rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

/*
Text-aligned card heading underline.
The h2 shrink-wraps to its own words, and the underline follows that exact
rendered width. Each section therefore aligns naturally without fixed rem,
viewport, or card-width measurements.
*/
.homepage-content-card h2 {
  width: fit-content;
  max-width: 100%;
}

.homepage-content-card h2::after {
  content: "";
  display: block;
  width: 100%;
  height: var(--eulogy-card-underline-height);
  margin-top: var(--eulogy-card-underline-gap);
  background:
    linear-gradient(
      90deg,
      var(--eulogy-card-underline-start) 0%,
      var(--eulogy-card-underline-start) 18%,
      var(--eulogy-card-underline-fade) 100%
    );
  border-radius: 999px;
}

/* Optional per-section adjustment.
   Use only when a line should be slightly shorter or longer than its words. */
.homepage-content-card.card-underline-95 h2::after {
  width: 95%;
}

.homepage-content-card.card-underline-90 h2::after {
  width: 90%;
}

.homepage-content-card.card-underline-85 h2::after {
  width: 85%;
}

.homepage-content-card p,
.homepage-content-card li {
  color: var(--eulogy-author-blue);
  font-size: 1rem;
  line-height: 1.68;
}

/* =========================
   Homepage CTA row
   ========================= */

.homepage-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin: 1.25rem 0 0;
}

.homepage-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.8rem 1rem;
  border-radius: 8px;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.homepage-cta-primary {
  background: var(--eulogy-crimson);
  border: 1px solid var(--eulogy-crimson);
  color: var(--eulogy-cream);
}

.homepage-cta-secondary {
  background: var(--eulogy-cream);
  border: 1px solid color-mix(in srgb, var(--eulogy-burgundy) 55%, transparent);
  color: var(--eulogy-crimson);
}

.homepage-cta-button:hover,
.homepage-cta-button:focus-visible {
  text-decoration: none;
  opacity: 0.92;
  transform: translateY(-1px);
}

.homepage-cta-primary:hover,
.homepage-cta-primary:focus-visible {
  background: var(--eulogy-burgundy);
  border-color: var(--eulogy-burgundy);
  color: var(--eulogy-cream);
}

.homepage-cta-secondary:hover,
.homepage-cta-secondary:focus-visible {
  background: var(--eulogy-cream-bright);
  border-color: color-mix(in srgb, var(--eulogy-crimson) 72%, transparent);
  color: var(--eulogy-burgundy);
}

/* =========================
   Signal CTA
   ========================= */

.cta-signal {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 999px;
  padding: 0.6rem 1.6rem;
  background: var(--eulogy-crimson);
  color: var(--eulogy-cream);
  text-decoration: none;
  font-weight: 600;
  transition:
    transform 0.12s ease-out,
    box-shadow 0.12s ease-out;
}

.cta-signal:hover,
.cta-signal:focus-visible {
  background: var(--eulogy-burgundy);
  color: var(--eulogy-cream);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px var(--eulogy-shadow-black-medium);
}

.cta-signal::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to right,
      transparent 0%,
      color-mix(in srgb, white 45%, transparent) 45%,
      transparent 90%
    );
  transform: translateX(-120%);
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .cta-signal:hover::after,
  .cta-signal:focus-visible::after {
    opacity: 0.9;
    transform: translateX(120%);
    transition:
      transform 0.6s ease-out,
      opacity 0.12s ease-out;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cta-signal::after {
    opacity: 0;
    transform: none;
  }
}

/* =========================
   Secondary CTA: underline grow
   ========================= */

.cta-text {
  position: relative;
  text-decoration: none;
  color: inherit;
}

.cta-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: currentColor;
  opacity: 0.85;
}

.cta-text:hover::after,
.cta-text:focus-visible::after {
  width: 100%;
}

@media (prefers-reduced-motion: no-preference) {
  .cta-text::after {
    transition: width 0.14s ease-out;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cta-text::after {
    width: 100%;
  }
}

.cta-text.cta-crimson,
.cta-text.cta-crimson:visited {
  color: var(--eulogy-crimson) !important;
  font-weight: 600;
}

.cta-text.cta-crimson::after {
  background: var(--eulogy-crimson);
  height: 2px;
}

/* =========================
   Hover reveal: night-vision surveillance overlay
   ========================= */

.dual-image {
  position: relative;
  max-width: 1100px;
  margin: 2.5rem auto;
  overflow: hidden;
}

.dual-image img {
  display: block;
  width: 100%;
  height: auto;
}

.dual-image .night {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.28s ease-out;
}

.dual-image:hover .night,
.dual-image:focus-within .night {
  opacity: 1;
}

.dual-hint {
  text-align: center;
  font-size: 1rem;
  color: var(--eulogy-steel);
  margin-top: 0.75rem;
}

.dual-hint span {
  display: block;
  font-size: 0.85rem;
  opacity: 0.75;
}

/* =========================
   Atmospheric panel
   ========================= */

.atmo {
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  background-size: cover;
  background-position: center 35%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
  margin-bottom: 4rem;
}

.atmo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, black 15%, transparent);
  z-index: 0;
}

.atmo > * {
  position: relative;
  z-index: 1;
}

.atmo-overlay {
  max-width: 720px;
  padding: 2.5rem 1.5rem;
  margin-top: 1vh;
  background: none;
  border-radius: 0;
}

.atmo-overlay h2 {
  color: var(--eulogy-parchment);
  text-shadow:
    0 2px 10px color-mix(in srgb, black 45%, transparent),
    0 0 2px color-mix(in srgb, black 60%, transparent);
}

.atmo-overlay p {
  color: var(--eulogy-parchment);
  text-shadow: 0 1px 6px color-mix(in srgb, black 75%, transparent);
}

.atmo-eulogy {
  background-image: url("https://mfmcgehee.com/wp-content/uploads/2026/02/Proud-Place-2.jpg");
  background-position: center 55%;
}

/* =========================
   Transmissions grid
   Homepage latest module, Eulogy printed editorial style
   ========================= */

#transmissions {
  scroll-margin-top: 120px;
}

.transmissions-section.eulogy-home-transmissions,
.eulogy-home-transmissions {
  width: min(1100px, 100%);
  max-width: 1100px;
  margin: 2.75rem auto 4rem auto;
  padding: 0 1.5rem;
  color: var(--eulogy-author-blue);
  box-sizing: border-box;
}

.transmissions-section.eulogy-home-transmissions,
.transmissions-section.eulogy-home-transmissions *,
.transmissions-section.eulogy-home-transmissions *::before,
.transmissions-section.eulogy-home-transmissions *::after {
  box-sizing: border-box;
}

/* Header */

.eulogy-home-transmissions .transmissions-header {
  max-width: 58rem;
  margin: 0 auto 1.9rem;
  text-align: center;
}

.eulogy-home-transmissions .transmissions-eyebrow {
  margin: 0 0 0.55rem !important;
  color: var(--eulogy-crimson) !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.13em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.eulogy-home-transmissions .transmissions-heading {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 0.75rem !important;
  color: var(--eulogy-navy) !important;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size: clamp(1.9rem, 3.4vw, 2.55rem) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.025em !important;
  text-align: center !important;
}

.eulogy-home-transmissions .transmissions-heading::after {
  content: "";
  display: block;
  width: 100%;
  height: var(--eulogy-card-underline-height);
  margin-top: var(--eulogy-card-underline-gap);
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      var(--eulogy-card-underline-start) 0%,
      var(--eulogy-card-underline-start) 18%,
      var(--eulogy-card-underline-fade) 100%
    );
}

.eulogy-home-transmissions .transmissions-deck {
  max-width: 54rem;
  margin: 0 auto 1.6rem !important;
  color: var(--eulogy-author-blue) !important;
  font-size: 1.03rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-align: center !important;
}

/* Grid */

.eulogy-home-transmissions .transmissions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1.15rem;
  row-gap: 1.75rem;
  width: 100%;
  margin: 0 auto;
}

/* Cards */

.eulogy-home-transmissions .transmission-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0;
  min-height: 100%;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      var(--eulogy-paper) 0%,
      color-mix(in srgb, var(--eulogy-warm-white) 82%, var(--eulogy-paper)) 100%
    ) !important;
  border: 1px solid color-mix(in srgb, var(--eulogy-crimson) 16%, transparent) !important;
  border-radius: 14px !important;
  box-shadow:
    0 2px 8px color-mix(in srgb, var(--eulogy-deep-navy) 8%, transparent),
    0 14px 28px color-mix(in srgb, var(--eulogy-deep-navy) 8%, transparent) !important;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.eulogy-home-transmissions .transmission-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--eulogy-crimson) 32%, transparent) !important;
  box-shadow:
    0 4px 12px color-mix(in srgb, var(--eulogy-deep-navy) 10%, transparent),
    0 20px 42px color-mix(in srgb, var(--eulogy-deep-navy) 14%, transparent) !important;
}

/* Image */

.eulogy-home-transmissions .transmission-image-link {
  display: block !important;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  margin: 0 !important;
  background:
    linear-gradient(
      135deg,
      var(--eulogy-navy) 0%,
      var(--eulogy-deep-navy) 100%
    );
}

.eulogy-home-transmissions .transmission-image-link::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--eulogy-deep-navy) 0%, transparent) 42%,
      color-mix(in srgb, var(--eulogy-deep-navy) 34%, transparent) 100%
    );
  pointer-events: none;
}

.eulogy-home-transmissions .transmission-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.01);
  transition:
    transform 0.36s ease,
    opacity 0.36s ease;
}

.eulogy-home-transmissions .transmission-card:hover .transmission-image {
  transform: scale(1.045);
  opacity: 0.94;
}

/* Body */

.eulogy-home-transmissions .transmission-body {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 1.15rem 1.15rem 1.4rem !important;
}

.eulogy-home-transmissions .transmission-meta-row {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem !important;
}

.eulogy-home-transmissions .transmission-label {
  margin: 0 !important;
  color: var(--eulogy-crimson) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

.eulogy-home-transmissions .transmission-date {
  margin: 0 !important;
  color: var(--eulogy-steel) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

.eulogy-home-transmissions .transmission-title {
  margin: 0 !important;
  color: var(--eulogy-navy) !important;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size: clamp(1.25rem, 2.2vw, 1.55rem) !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.018em !important;
}

.eulogy-home-transmissions .transmission-title a {
  color: var(--eulogy-navy) !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}

.eulogy-home-transmissions .transmission-title a:hover,
.eulogy-home-transmissions .transmission-title a:focus-visible {
  color: var(--eulogy-crimson) !important;
  text-decoration: none !important;
}

.eulogy-home-transmissions .transmission-excerpt {
  margin: 0.85rem 0 1.15rem !important;
  color: var(--eulogy-author-blue) !important;
  font-size: 0.97rem !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;
}

.eulogy-home-transmissions .transmission-cta,
.eulogy-home-transmissions .transmission-card .cta-text.cta-crimson {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  margin-top: auto !important;
  padding-top: 0.35rem !important;
  color: var(--eulogy-crimson) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.eulogy-home-transmissions .transmission-cta:hover,
.eulogy-home-transmissions .transmission-cta:focus-visible,
.eulogy-home-transmissions .transmission-card .cta-text.cta-crimson:hover,
.eulogy-home-transmissions .transmission-card .cta-text.cta-crimson:focus-visible {
  color: var(--eulogy-burgundy) !important;
  text-decoration: none !important;
  transform: translateX(2px);
}

/* Empty state */

.eulogy-home-transmissions .transmissions-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 1.25rem;
  color: var(--eulogy-author-blue);
  background:
    linear-gradient(
      180deg,
      var(--eulogy-paper) 0%,
      color-mix(in srgb, var(--eulogy-warm-white) 82%, var(--eulogy-paper)) 100%
    );
  border: 1px solid color-mix(in srgb, var(--eulogy-crimson) 16%, transparent);
  border-radius: 14px;
  text-align: center;
  box-shadow:
    0 2px 8px color-mix(in srgb, var(--eulogy-deep-navy) 8%, transparent),
    inset 0 1px 0 color-mix(in srgb, white 72%, transparent);
}

/* Pagination */

.eulogy-home-transmissions .transmissions-nav {
  margin-top: 1.6rem !important;
}

.eulogy-home-transmissions .transmissions-nav-inner {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}

.eulogy-home-transmissions .transmissions-arrow {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 2.4rem !important;
  height: 2.4rem !important;
  border: 1px solid color-mix(in srgb, var(--eulogy-crimson) 30%, transparent) !important;
  border-radius: 999px !important;
  background: var(--eulogy-cream-bright) !important;
  color: var(--eulogy-crimson) !important;
  font-size: 1.55rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow:
    0 2px 7px color-mix(in srgb, var(--eulogy-deep-navy) 8%, transparent);
  transition:
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease,
    border-color 0.2s ease;
}

.eulogy-home-transmissions .transmissions-arrow:hover,
.eulogy-home-transmissions .transmissions-arrow:focus-visible {
  background: var(--eulogy-crimson) !important;
  border-color: var(--eulogy-crimson) !important;
  color: var(--eulogy-cream-bright) !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

.eulogy-home-transmissions .transmissions-arrow--disabled {
  opacity: 0.38;
  cursor: default;
  pointer-events: none;
}

.eulogy-home-transmissions .transmissions-nav-page {
  color: var(--eulogy-navy) !important;
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Responsive */

@media (max-width: 900px) {
  .eulogy-home-transmissions .transmissions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .eulogy-home-transmissions .transmissions-grid {
    grid-template-columns: 1fr;
  }

  .eulogy-home-transmissions .transmission-meta-row {
    display: block !important;
  }

  .eulogy-home-transmissions .transmission-date {
    display: block;
    margin-top: 0.35rem !important;
  }
}

/* Motion safety */

@media (prefers-reduced-motion: reduce) {
  .eulogy-home-transmissions *,
  .eulogy-home-transmissions *::before,
  .eulogy-home-transmissions *::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .eulogy-home-transmissions .transmission-card:hover,
  .eulogy-home-transmissions .transmissions-arrow:hover,
  .eulogy-home-transmissions .transmissions-arrow:focus-visible {
    transform: none;
  }

  .eulogy-home-transmissions .transmission-card:hover .transmission-image {
    transform: scale(1.01);
  }

  .eulogy-home-transmissions .transmission-cta:hover,
  .eulogy-home-transmissions .transmission-cta:focus-visible {
    transform: none;
  }
}


/* =========================
   Full Transmissions Archive
   Standalone page, Eulogy editorial style
   ========================= */

.eulogy-site-page.eulogy-transmissions-page,
.eulogy-transmissions-page {
  width: min(1100px, 100%);
  max-width: 1100px;
  margin: 0 auto 4.5rem;
  padding: clamp(1.5rem, 4vw, 2.25rem) clamp(1.25rem, 4vw, 2rem) 0;
  color: var(--eulogy-author-blue);
  box-sizing: border-box;
}

.eulogy-transmissions-page,
.eulogy-transmissions-page *,
.eulogy-transmissions-page *::before,
.eulogy-transmissions-page *::after {
  box-sizing: border-box;
}

/* Archive hero */

.eulogy-transmissions-page .eulogy-transmissions-hero {
  position: relative;
  overflow: hidden;
  margin: 0 auto 2rem;
  padding: 1.45rem 1.5rem 1.65rem;
  background:
    linear-gradient(
      135deg,
      var(--eulogy-navy) 0%,
      var(--eulogy-deep-navy) 100%
    );
  border: 1px solid color-mix(in srgb, var(--eulogy-parchment) 24%, transparent);
  border-radius: 12px;
  box-shadow:
    inset 0 0 18px color-mix(in srgb, black 18%, transparent),
    0 10px 24px color-mix(in srgb, var(--eulogy-deep-navy) 14%, transparent);
}

.eulogy-transmissions-page .eulogy-transmissions-hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1.5rem;
  right: 1.5rem;
  height: 3px;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      var(--eulogy-crimson) 0%,
      var(--eulogy-crimson) 18%,
      color-mix(in srgb, var(--eulogy-crimson) 28%, transparent) 100%
    );
  opacity: 0.9;
}

.eulogy-transmissions-page .eulogy-transmissions-eyebrow {
  margin: 0 0 0.5rem !important;
  color: var(--eulogy-parchment) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.eulogy-transmissions-page .eulogy-transmissions-heading {
  width: fit-content;
  max-width: 100%;
  margin: 0 0 0.75rem !important;
  color: var(--eulogy-cream-bright) !important;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size: clamp(2rem, 5vw, 3.25rem) !important;
  font-weight: 400 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
}

.eulogy-transmissions-page .eulogy-transmissions-heading::after {
  content: "";
  display: block;
  width: 100%;
  height: var(--eulogy-card-underline-height);
  margin-top: var(--eulogy-card-underline-gap);
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      var(--eulogy-crimson) 0%,
      var(--eulogy-crimson) 18%,
      color-mix(in srgb, var(--eulogy-parchment) 42%, transparent) 100%
    );
}

.eulogy-transmissions-page .eulogy-transmissions-subtitle {
  max-width: 48rem;
  margin: 0.75rem 0 0 !important;
  color: var(--eulogy-parchment) !important;
  font-size: clamp(1.05rem, 2.2vw, 1.35rem) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

.eulogy-transmissions-page .eulogy-transmissions-deck {
  max-width: 54rem;
  margin: 1rem 0 0 !important;
  color: color-mix(in srgb, var(--eulogy-cream) 86%, transparent) !important;
  font-size: 1.03rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

/* Archive grid */

.eulogy-transmissions-page .eulogy-transmissions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1.15rem;
  row-gap: 1.75rem;
  width: 100%;
  margin: 0 auto;
}

/* Archive cards */

.eulogy-transmissions-page .eulogy-transmission-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0;
  min-height: 100%;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      var(--eulogy-paper) 0%,
      color-mix(in srgb, var(--eulogy-warm-white) 82%, var(--eulogy-paper)) 100%
    ) !important;
  border: 1px solid color-mix(in srgb, var(--eulogy-crimson) 16%, transparent) !important;
  border-radius: 14px !important;
  box-shadow:
    0 2px 8px color-mix(in srgb, var(--eulogy-deep-navy) 8%, transparent),
    0 14px 28px color-mix(in srgb, var(--eulogy-deep-navy) 8%, transparent) !important;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.eulogy-transmissions-page .eulogy-transmission-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--eulogy-crimson) 32%, transparent) !important;
  box-shadow:
    0 4px 12px color-mix(in srgb, var(--eulogy-deep-navy) 10%, transparent),
    0 20px 42px color-mix(in srgb, var(--eulogy-deep-navy) 14%, transparent) !important;
}

/* Archive images */

.eulogy-transmissions-page .eulogy-transmission-image-link {
  display: block !important;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  margin: 0 !important;
  background:
    linear-gradient(
      135deg,
      var(--eulogy-navy) 0%,
      var(--eulogy-deep-navy) 100%
    );
}

.eulogy-transmissions-page .eulogy-transmission-image-link::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--eulogy-deep-navy) 0%, transparent) 42%,
      color-mix(in srgb, var(--eulogy-deep-navy) 34%, transparent) 100%
    );
  pointer-events: none;
}

.eulogy-transmissions-page .eulogy-transmission-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.01);
  transition:
    transform 0.36s ease,
    opacity 0.36s ease;
}

.eulogy-transmissions-page .eulogy-transmission-card:hover .eulogy-transmission-image {
  transform: scale(1.045);
  opacity: 0.94;
}

/* Archive card body */

.eulogy-transmissions-page .eulogy-transmission-body {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 1.15rem 1.15rem 1.4rem !important;
}

.eulogy-transmissions-page .eulogy-transmission-meta-row {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem !important;
}

.eulogy-transmissions-page .eulogy-transmission-label {
  margin: 0 !important;
  color: var(--eulogy-crimson) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

.eulogy-transmissions-page .eulogy-transmission-date {
  margin: 0 !important;
  color: var(--eulogy-steel) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

.eulogy-transmissions-page .eulogy-transmission-title {
  margin: 0 !important;
  color: var(--eulogy-navy) !important;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size: clamp(1.25rem, 2.2vw, 1.55rem) !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
  letter-spacing: -0.018em !important;
}

.eulogy-transmissions-page .eulogy-transmission-title a {
  color: var(--eulogy-navy) !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
}

.eulogy-transmissions-page .eulogy-transmission-title a:hover,
.eulogy-transmissions-page .eulogy-transmission-title a:focus-visible {
  color: var(--eulogy-crimson) !important;
  text-decoration: none !important;
}

.eulogy-transmissions-page .eulogy-transmission-excerpt {
  margin: 0.85rem 0 1.15rem !important;
  color: var(--eulogy-author-blue) !important;
  font-size: 0.97rem !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;
}

.eulogy-transmissions-page .eulogy-transmission-cta {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  margin-top: auto !important;
  padding-top: 0.35rem !important;
  color: var(--eulogy-crimson) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.eulogy-transmissions-page .eulogy-transmission-cta:hover,
.eulogy-transmissions-page .eulogy-transmission-cta:focus-visible {
  color: var(--eulogy-burgundy) !important;
  text-decoration: none !important;
  transform: translateX(2px);
}

/* Archive empty state */

.eulogy-transmissions-page .eulogy-transmissions-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 1.25rem;
  color: var(--eulogy-author-blue);
  background:
    linear-gradient(
      180deg,
      var(--eulogy-paper) 0%,
      color-mix(in srgb, var(--eulogy-warm-white) 82%, var(--eulogy-paper)) 100%
    );
  border: 1px solid color-mix(in srgb, var(--eulogy-crimson) 16%, transparent);
  border-radius: 14px;
  text-align: center;
  box-shadow:
    0 2px 8px color-mix(in srgb, var(--eulogy-deep-navy) 8%, transparent),
    inset 0 1px 0 color-mix(in srgb, white 72%, transparent);
}

/* Archive responsive */

@media (max-width: 900px) {
  .eulogy-transmissions-page .eulogy-transmissions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .eulogy-site-page.eulogy-transmissions-page,
  .eulogy-transmissions-page {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .eulogy-transmissions-page .eulogy-transmissions-hero {
    padding: 1.25rem 1.15rem 1.4rem;
  }

  .eulogy-transmissions-page .eulogy-transmissions-hero::before {
    left: 1.15rem;
    right: 1.15rem;
  }

  .eulogy-transmissions-page .eulogy-transmissions-grid {
    grid-template-columns: 1fr;
  }

  .eulogy-transmissions-page .eulogy-transmission-meta-row {
    display: block !important;
  }

  .eulogy-transmissions-page .eulogy-transmission-date {
    display: block;
    margin-top: 0.35rem !important;
  }
}

/* Archive motion safety */

@media (prefers-reduced-motion: reduce) {
  .eulogy-transmissions-page *,
  .eulogy-transmissions-page *::before,
  .eulogy-transmissions-page *::after {
    transition: none !important;
    scroll-behavior: auto !important;
  }

  .eulogy-transmissions-page .eulogy-transmission-card:hover {
    transform: none;
  }

  .eulogy-transmissions-page .eulogy-transmission-card:hover .eulogy-transmission-image {
    transform: scale(1.01);
  }

  .eulogy-transmissions-page .eulogy-transmission-cta:hover,
  .eulogy-transmissions-page .eulogy-transmission-cta:focus-visible {
    transform: none;
  }
}

/* =========================
   Social Authority Grid
   ========================= */

.social-grid-title {
  position: relative;
  text-align: center;
  margin: 2.5rem 0 1.75rem 0;
  font-size: 1.25rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--eulogy-crimson);
  font-weight: 600;
  padding-bottom: 0.55rem;
}

.social-grid-title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: color-mix(in srgb, var(--eulogy-crimson) 55%, transparent);
  border-radius: 2px;
}

.social-grid {
  max-width: 1100px;
  margin: 0 auto 3.5rem auto;
  padding: 0 1.25rem;
}

.social-grid-wrap {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: center;
  justify-items: center;
}

.social-icon {
  width: 72px;
  height: 72px;
  padding: 0;
  border-radius: 999px;
  background: var(--eulogy-cream);
  border: 1px solid color-mix(in srgb, var(--eulogy-navy) 16%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow:
    0 2px 8px var(--eulogy-shadow-black-light),
    inset 0 1px 0 color-mix(in srgb, white 60%, transparent);
  transform: translateY(0);
  will-change: transform, box-shadow;
  text-decoration: none;
  border-bottom: 0;
  line-height: 0;
}

.social-icon img {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

@media (prefers-reduced-motion: no-preference) {
  .social-icon {
    transition:
      transform 0.14s ease-out,
      box-shadow 0.14s ease-out,
      border-color 0.14s ease-out;
  }
}

.social-icon:hover,
.social-icon:focus-visible {
  transform: translateY(-4px) scale(1.06);
  box-shadow:
    0 14px 34px color-mix(in srgb, var(--eulogy-deep-navy) 20%, transparent),
    inset 0 1px 0 color-mix(in srgb, white 65%, transparent);
  border-color: color-mix(in srgb, var(--eulogy-crimson) 45%, transparent);
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 900px) {
  .bunker-system {
    padding: 1.15rem 0.8rem 1.35rem;
    margin: 0 auto 1.25rem;
  }

  .bunker-header {
    margin-bottom: 0.85rem;
    font-size: 0.84rem;
    letter-spacing: 0.2em;
  }

  .bunker-header::after {
    width: 170px;
    margin-top: 0.5rem;
  }

  .bunker-grid.stacked {
    gap: 0.6rem;
  }

  .bunker-frame {
    min-height: auto;
    padding: 0.85rem 0.75rem 0.9rem;
  }

  .bunker-frame.primary {
    min-height: auto;
  }

  .timer-label {
    margin-bottom: 0.4rem;
    font-size: 0.74rem;
    line-height: 1.3;
  }

  .bunker-timer {
    font-size: clamp(2.05rem, 7.2vw, 2.85rem);
    letter-spacing: 0.07em;
  }

  .bunker-timer.small {
    font-size: clamp(1.75rem, 6vw, 2.2rem);
    letter-spacing: 0.055em;
  }

  .bunker-status {
    font-size: clamp(1.55rem, 5.8vw, 2.15rem);
  }

  .eulogy-home-transmissions .transmissions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .social-grid-wrap {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .homepage-hero-card {
    margin: 0.25rem auto 1.1rem;
    padding: 0.8rem 1rem 0.9rem;
  }

  .homepage-hero-card h1 {
    letter-spacing: -0.02em;
  }

  .book-preorder-banner {
    margin: 1rem auto 0.75rem;
    padding: 0 0.85rem;
    scroll-margin-top: 100px;
  }

  .book-preorder-inner {
    padding: 1rem 0.9rem 1.1rem;
  }

  .book-preorder-header {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .book-preorder-badge {
    justify-self: center;
  }

  .book-retailer-grid {
    grid-template-columns: 1fr;
  }

  .book-preorder-button {
    width: 100%;
    padding: 0.85rem 1rem;
  }

  .book-preorder-format-note {
    margin-top: 0.1rem;
    font-size: 0.7rem;
  }

  .book-secondary-retailer-banner {
    margin: 0 auto 0.9rem;
    padding: 0 0.85rem;
  }

  .book-secondary-retailer-inner {
    padding: 0.75rem 0.85rem;
  }

  .book-international-note {
    font-size: 0.8rem;
  }

  .book-secondary-retailer-row {
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    text-align: center;
  }

  .book-secondary-retailer-links {
    gap: 0.5rem;
  }

  .book-secondary-retailer-links a {
    font-size: 0.72rem;
  }

  .homepage-content-card {
    padding: 1.1rem;
  }

  .bunker-system {
    padding: 1.2rem 0.85rem 1.35rem;
    margin: 0 auto 1.25rem;
    max-width: 100%;
  }

  .bunker-header {
    font-size: 0.9rem;
    letter-spacing: 0.2em;
    margin-bottom: 0.9rem;
  }

  .bunker-header::after {
    width: 180px;
    margin-top: 0.6rem;
  }

  .bunker-grid.stacked {
    gap: 0.7rem;
  }

  .bunker-frame {
    min-height: 108px;
    padding: 1rem 0.85rem 1.05rem;
  }

  .bunker-frame.primary {
    min-height: 118px;
  }

  .timer-label {
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    line-height: 1.35;
  }

  .timer-label-primary {
    font-size: 0.78rem;
  }

  .timer-note,
  .release-note {
    font-size: 0.68rem;
    line-height: 1.35;
    letter-spacing: 0.05em;
  }

  .bunker-timer {
    font-size: clamp(1.9rem, 9.5vw, 2.8rem);
    letter-spacing: 0.055em;
  }

  .bunker-timer.small {
    font-size: clamp(1.7rem, 8vw, 2.35rem);
    letter-spacing: 0.055em;
  }

  .bunker-status {
    font-size: clamp(1.55rem, 7.5vw, 2.1rem);
  }

  .homepage-video-section {
    margin: 1.25rem auto 1.75rem;
  }

  .atmo {
    min-height: 0 !important;
    height: 36vh !important;
    background-attachment: scroll;
    background-position: center 40%;
  }

  .atmo-overlay {
    position: absolute;
    top: 1rem;
    left: 1rem;
    right: 1rem;
    margin-top: 0 !important;
    padding: 0 !important;
    max-width: none;
  }

  .atmo-overlay h2 {
    font-size: 1.25rem;
  }

  .atmo-overlay p {
    font-size: 0.92rem;
    line-height: 1.35;
  }
}

@media (max-width: 640px) {
  .book-cover-wrap {
    margin: 1.5rem auto 2rem;
  }

  .book-cover-image {
    max-width: 82vw;
  }

  .homepage-cta-row {
    flex-direction: column;
  }

  .homepage-cta-button {
    width: 100%;
    min-width: 0;
  }

  .eulogy-home-transmissions .transmissions-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .social-grid-wrap {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 380px) {
  .social-grid-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* =========================================================
   WordPress Homepage Compatibility + Mobile Containment
   Single authoritative override layer
   ========================================================= */

/* Keep sizing predictable across all custom homepage components. */
.eulogy-main,
.homepage-hero-card,
.book-preorder-banner,
.book-secondary-retailer-banner,
.bunker-system,
.homepage-video-section,
.book-cover-wrap,
.homepage-intro,
.homepage-section,
.homepage-start,
.homepage-content-card,
.transmissions-section,
.eulogy-site-page,
.eulogy-transmissions-page,
.social-grid,
.dual-image,
.atmo {
  box-sizing: border-box;
  max-width: 100%;
}

.eulogy-main *,
.eulogy-main *::before,
.eulogy-main *::after {
  box-sizing: border-box;
}

/* Reliable preorder anchor position. */
body.home #book-preorder-banner,
body.page-id-1088 #book-preorder-banner,
#book-preorder-banner {
  scroll-margin-top: 140px;
}

/* Hide the default WordPress title on either homepage body class. */
body.home .entry-title,
body.home .wp-block-post-title,
body.home h1.entry-title,
body.page-id-1088 .entry-title,
body.page-id-1088 .wp-block-post-title,
body.page-id-1088 h1.entry-title {
  display: none !important;
}

/* Main shortcode wrapper. */
body.home .eulogy-main,
body.page-id-1088 .eulogy-main,
.eulogy-main {
  max-width: 1100px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: clamp(1.25rem, 4vw, 2rem) !important;
  padding-left: clamp(1.25rem, 4vw, 2rem) !important;
}

/* Protect key images from theme-level sizing rules. */
.book-cover-wrap img.book-cover-image,
.book-cover-image {
  display: block !important;
  width: 100% !important;
  max-width: 420px !important;
  height: auto !important;
  margin: 0 auto !important;
}

.homepage-author-image,
.homepage-section img.homepage-author-image {
  display: block !important;
  width: 100% !important;
  max-width: 240px !important;
  height: auto !important;
  margin: 0 0 1.5rem 0 !important;
}

/* Protect the Proud Place night-vision overlay from theme image rules. */
.dual-image {
  position: relative !important;
  max-width: 1100px !important;
  margin: 2.5rem auto 0.75rem !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

.dual-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

.dual-image img.night,
.dual-image .night {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0 !important;
  transition: opacity 0.28s ease-out !important;
  z-index: 2 !important;
}

.dual-image:hover img.night,
.dual-image:hover .night,
.dual-image:focus-within img.night,
.dual-image:focus-within .night {
  opacity: 1 !important;
}

/* Protect full archive transmission images from theme-level sizing rules. */
.eulogy-transmissions-page .eulogy-transmission-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
}

/* Protect social icon dimensions from theme image rules. */
.social-icon img {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
}

/* Remove the WordPress template buffer on desktop. */
@media (min-width: 769px) {
  body.home .eulogy-main,
  body.page-id-1088 .eulogy-main {
    margin-top: -8rem !important;
    padding-top: 0 !important;
  }

  body.home .wp-site-blocks,
  body.home .wp-site-blocks > main,
  body.home main,
  body.home .site-main,
  body.home .entry-content,
  body.home .wp-block-post-content,
  body.home .is-layout-constrained,
  body.home .wp-block-group,
  body.page-id-1088 .wp-site-blocks,
  body.page-id-1088 .wp-site-blocks > main,
  body.page-id-1088 main,
  body.page-id-1088 .site-main,
  body.page-id-1088 .entry-content,
  body.page-id-1088 .wp-block-post-content,
  body.page-id-1088 .is-layout-constrained,
  body.page-id-1088 .wp-block-group {
    padding-top: 0 !important;
  }

  body.home header,
  body.home .site-header,
  body.home .wp-block-template-part,
  body.home .wp-block-navigation,
  body.home .wp-block-navigation__responsive-container,
  body.page-id-1088 header,
  body.page-id-1088 .site-header,
  body.page-id-1088 .wp-block-template-part,
  body.page-id-1088 .wp-block-navigation,
  body.page-id-1088 .wp-block-navigation__responsive-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.home .wp-site-blocks > *,
  body.home .wp-block-group,
  body.home .wp-block-cover,
  body.home .wp-block-template-part,
  body.page-id-1088 .wp-site-blocks > *,
  body.page-id-1088 .wp-block-group,
  body.page-id-1088 .wp-block-cover,
  body.page-id-1088 .wp-block-template-part {
    min-height: 0 !important;
  }
}

/* Mobile containment, homepage spacing, and full-bleed video hero. */
@media (max-width: 768px) {
  body.home,
  body.page-id-1088 {
    overflow-x: hidden !important;
  }

  body.home .eulogy-main,
  body.page-id-1088 .eulogy-main,
  .eulogy-main {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: -5rem !important;
    padding-top: 0 !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    overflow: visible !important;
  }

  .homepage-hero-card,
  .book-preorder-banner,
  .book-secondary-retailer-banner,
  .bunker-system,
  .homepage-video-section,
  .book-cover-wrap,
  .homepage-intro,
  .homepage-section,
  .homepage-start,
  .homepage-content-card,
  .transmissions-section,
  .social-grid,
  .dual-image {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .book-preorder-banner,
  .book-secondary-retailer-banner,
  .transmissions-section,
  .social-grid {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .book-preorder-inner,
  .book-secondary-retailer-inner,
  .homepage-content-card,
  .homepage-signup-card,
  .bunker-system,
  .book-secondary-retailer-row,
  .social-grid-wrap {
    width: 100%;
    max-width: 100%;
  }

  .book-secondary-retailer-label,
  .book-secondary-retailer-links,
  .book-secondary-retailer-links a,
  .book-international-note,
  .book-preorder-copy h2,
  .book-preorder-copy p,
  .homepage-hero-card h1,
  .homepage-hero-subtitle,
  .homepage-content-card h2,
  .homepage-content-card p,
  .homepage-content-card li {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .bunker-timer,
  .bunker-timer.small,
  .bunker-status {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    letter-spacing: 0.045em;
  }

  .responsive-video,
  .responsive-video iframe {
    max-width: 100%;
  }

  .dual-image {
    overflow: hidden !important;
  }

  .dual-image img {
    max-width: 100% !important;
  }

}

@media (max-width: 640px) {
  .book-cover-wrap img.book-cover-image,
  .book-cover-image {
    max-width: 82vw !important;
  }
}

@media (max-width: 420px) {
  body.home .eulogy-main,
  body.page-id-1088 .eulogy-main,
  .eulogy-main {
    padding-right: 0.85rem !important;
    padding-left: 0.85rem !important;
  }

  .homepage-hero-card,
  .book-preorder-inner,
  .book-secondary-retailer-inner,
  .homepage-content-card,
  .homepage-signup-card {
    padding-right: 0.9rem !important;
    padding-left: 0.9rem !important;
  }

  .bunker-system {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }

  .bunker-timer,
  .bunker-timer.small,
  .bunker-status {
    letter-spacing: 0.035em;
  }
}