/** Shopify CDN: Minification failed

Line 16251:9 Unexpected "*"

**/
/* MSH Collective Styles
================================================== */

/* Form spacing improvements */
.customer button,
.newsletter-form button,
.podcast-signup-form button,
form[action*="contact"] button {
  margin-bottom: 3rem !important;
}

/* CAPTCHA Overlay Popup Styles */
.captcha-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  backdrop-filter: blur(3px);
  overflow-y: auto;
}

/* Prevent body scroll when CAPTCHA is active */
body.captcha-active {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
}

/* Hide submit button in CAPTCHA popup - only show CAPTCHA widget */
.captcha-popup button[type="submit"],
.captcha-popup input[type="submit"],
.captcha-popup .btn:not(.captcha-close) {
  display: none !important;
}

.captcha-popup {
  background: white;
  border-radius: 16px;
  padding: 6rem 4rem;
  max-width: 65rem;
  width: 95%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: none !important;
  text-align: center;
  position: relative;
  animation: none;
  margin: 2rem;
}

@keyframes captchaSlideIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.captcha-popup h1,
.captcha-popup h2 {
  color: #333;
  margin-bottom: 4rem;
  font-size: 2.8rem;
  font-weight: 600;
  font-family: 'Mabry Pro', sans-serif;
}

.captcha-popup .shopify-challenge__container {
  margin-bottom: 0 !important;
  padding: 3rem 2rem !important;
}

/* Add extra padding around CAPTCHA content and ensure it's fully visible */
.captcha-popup .h-captcha,
.captcha-popup .g-recaptcha,
.captcha-popup iframe[src*="captcha"],
.captcha-popup div[class*="captcha"],
.captcha-popup div[class*="hcaptcha"] {
  margin: 3rem auto !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 120px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  pointer-events: auto !important;
  z-index: 10002 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Ensure CAPTCHA checkbox and interactive elements work properly */
.captcha-popup input[type="checkbox"],
.captcha-popup button,
.captcha-popup .h-captcha *,
.captcha-popup [class*="hcaptcha"] *,
.captcha-popup iframe {
  pointer-events: auto !important;
  z-index: 10003 !important;
  cursor: pointer !important;
}

/* Make sure CAPTCHA iframes are properly sized and interactive */
.captcha-popup iframe[src*="captcha"],
.captcha-popup iframe[src*="hcaptcha"] {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Style the CAPTCHA verification text */
.captcha-popup p {
  font-size: 1.8rem;
  color: #666;
  margin: 2rem 0 3rem 0;
  line-height: 1.5;
}

.captcha-close {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  background: none;
  border: none;
  font-size: 2.4rem;
  color: #999;
  cursor: pointer;
  padding: 0.5rem;
  line-height: 1;
  transition: color 0.3s ease;
}

.captcha-close:hover {
  color: #333;
}

/* Hide the default page content when CAPTCHA is showing */
body.captcha-active {
  overflow: hidden;
}

body.captcha-active .main-content,
body.captcha-active header,
body.captcha-active footer {
  filter: blur(2px);
  pointer-events: none;
}

/* CAPTCHA form styling inside popup */
.captcha-popup form {
  margin: 0;
}

.captcha-popup button[type="submit"],
.captcha-popup input[type="submit"] {
  background: var(--msh-red, #7a0f20);
  color: white;
  border: none;
  padding: 1.5rem 4rem;
  border-radius: 8px;
  font-size: 1.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 4rem;
  margin-bottom: 2rem !important;
  font-family: 'Mabry Pro', sans-serif;
  box-shadow: 0 4px 15px rgba(122, 15, 32, 0.3);
}

.captcha-popup button[type="submit"]:hover,
.captcha-popup input[type="submit"]:hover {
  background: var(--msh-burgundy, #620A19);
}

/* General submit button spacing to prevent touching footer */
button[type="submit"],
input[type="submit"] {
  margin-bottom: 2rem !important;
}

/* Back button styles */
.back-button-wrapper {
  text-align: center;
  margin-bottom: 4rem;
}

.back-button {
  display: inline-block;
  color: #666;
  text-decoration: none;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.back-button:hover {
  color: #333;
  border-color: #999;
  text-decoration: none;
}

/* MSH About Page Hero Section - Now using custom hero-about section */
/* No overrides needed - all styling is in the custom section */

/* Media queries for About page hero are now handled in hero-about.liquid section */

/* MSH Section-Specific Overrides */
/* Mission Section - Large Serif Text */
.rich-text .rich-text__text p {
  font-family: "FreightDispCmp Pro", serif !important;
  font-size: 4.4rem !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
  color: var(--msh-red, #7a0f20) !important;
  max-width: 200rem !important;
  margin: 0 auto !important;
}

.rich-text .rich-text__text em {
  font-style: italic !important;
}

/* About Page Mission Section - Make text even wider */
.template-page .rich-text .rich-text__text p {
  max-width: 240rem !important;
  padding: 0 4rem !important;
}

@media (max-width: 1400px) {
  .template-page .rich-text .rich-text__text p {
    max-width: 90% !important;
    padding: 0 2rem !important;
  }
}

@media (max-width: 768px) {
  .template-page .rich-text .rich-text__text p {
    max-width: 95% !important;
    padding: 0 1rem !important;
  }
}

/* Services Section - Multicolumn styling to match HTML */
.multicolumn.color-scheme-2 {
  background-color: var(--msh-burgundy, #620A19) !important;
  padding: 8rem 4rem !important;
}

.multicolumn.color-scheme-2 .multicolumn-list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 3rem !important;
}

.multicolumn.color-scheme-2 .multicolumn-list__item {
  position: relative !important;
  padding: 0 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
}

.multicolumn.color-scheme-2 .multicolumn-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.multicolumn.color-scheme-2 .multicolumn-card__info {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 0 !important;
}

/* Add hairline separators between columns */
.multicolumn.color-scheme-2 .multicolumn-list__item:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: -1.5rem !important;
  height: 100% !important;
  width: 1px !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
}

.multicolumn.color-scheme-2 .multicolumn-card__info h3 {
  font-family: "FreightDispCmp Pro", serif !important;
  font-size: 3.6rem !important;
  color: rgba(255, 255, 255, 0.9) !important;
  margin-bottom: 2rem !important;
  font-weight: 400 !important;
  text-align: left !important;
}

.multicolumn.color-scheme-2 .multicolumn-card__image {
  height: 60rem !important;
  object-fit: cover !important;
  margin-bottom: 2rem !important;
}

.multicolumn.color-scheme-2 .multicolumn-card__info .rte p {
  font-family: 'Mabry Pro', sans-serif !important;
  font-size: 1.6rem !important;
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: 1.4 !important;
  margin-bottom: 2rem !important;
  flex-grow: 1 !important;
}

.multicolumn.color-scheme-2 .multicolumn-card__info .button {
  font-family: 'Mabry Pro', sans-serif !important;
  font-weight: 500 !important;
  padding: 0.8rem 1.8rem !important;
  font-size: 1.3rem !important;
  background-color: rgba(255, 255, 255, 1) !important;
  color: var(--msh-burgundy, #620A19) !important;
  border: none !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
  margin-top: auto !important;
  align-self: flex-start !important;
}

.multicolumn.color-scheme-2 .multicolumn-card__info .button:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
  transform: translateY(-2px) !important;
}

/* Newsletter Section - Burgundy Background */
.newsletter.color-scheme-2 {
  background-color: var(--msh-burgundy, #620A19) !important;
  color: var(--msh-white, #FEFFFA) !important;
}

.newsletter.color-scheme-2 h2,
.newsletter.color-scheme-2 h3 {
  color: var(--msh-white, #FEFFFA) !important;
  font-family: "FreightDispCmp Pro", serif !important;
}



/* Image Banner - Hero Section */
.banner h1,
.banner .banner__heading {
  font-family: "FreightDispCmp Pro", serif !important;
  font-size: 7.2rem !important;
  color: var(--msh-gray, #141414) !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
}

.banner .banner__text {
  font-family: 'Mabry Pro', sans-serif !important;
  font-size: 1.8rem !important;
  color: var(--msh-gray, #141414) !important;
}

/* Container width to match HTML version */
.page-width {
  max-width: 1728px !important;
  padding-left: 6rem !important;
  padding-right: 4rem !important;
}

@media (max-width: 992px) {
  .rich-text .rich-text__text p {
    font-size: 3.2rem !important;
  }
  
  .banner h1,
  .banner .banner__heading {
    font-size: 5.4rem !important;
  }
  
  .multicolumn .multicolumn-card__info h3 {
    font-size: 2.8rem !important;
  }
  
  .page-width {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media (max-width: 768px) {
  .rich-text .rich-text__text p {
    font-size: 2.8rem !important;
  }
  
  .banner h1,
  .banner .banner__heading {
    font-size: 4.5rem !important;
  }
  
  .multicolumn.color-scheme-2 {
    padding: 4rem 0 !important;
  }
  
  .multicolumn.color-scheme-2 .multicolumn-list {
    grid-template-columns: 1fr !important;
    gap: 6rem !important;
    padding: 0 2rem !important;
  }
  
  .multicolumn.color-scheme-2 .multicolumn-list__item {
    padding: 0 !important;
  }
  
  .multicolumn.color-scheme-2 .multicolumn-list__item:not(:last-child)::after {
    display: none !important;
  }
  
  .multicolumn.color-scheme-2 .multicolumn-card__image {
    width: calc(100% + 4rem) !important;
    margin-left: -2rem !important;
    margin-right: -2rem !important;
    height: 50rem !important;
    margin-bottom: 5rem !important;
  }
  
  .multicolumn.color-scheme-2 .multicolumn-card__info h3 {
    font-size: 3.2rem !important;
    margin-top: 0 !important;
  }
  
  .multicolumn.color-scheme-2 .multicolumn-card__info .rte p {
    font-size: 2rem !important;
    line-height: 1.3 !important;
  }
  
  .multicolumn.color-scheme-2 .multicolumn-card__info .button {
    font-size: 1.8rem !important;
    padding: 1.2rem 2.4rem !important;
  }
  

  
  .page-width {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

/* Base Styles with Higher Specificity
================================================== */
html, body, :root {
  /* MSH Color Variables - Override Dawn's defaults */
  --color-white: #FEFFFA !important;
  --color-off-white: #f9f9f9 !important; 
  --color-light-gray: #e9e9e9 !important;
  --color-gray: #141414 !important;
  --color-dark-red: #620c1f !important;
  --color-burgundy: #620A19 !important; /* Updated burgundy color for footer and podcast */
  --color-red: #7a0f20 !important;
  --color-bright-red: #c6333a !important;
  
  /* MSH Brand Colors - Force Override */
  --msh-white: #FEFFFA;
  --msh-red: #7a0f20;
  --msh-bright-red: #c6333a;
  --msh-burgundy: #620A19;
  --msh-gray: #141414;
}

/* Force MSH Brand Colors on Specific Elements */
.msh-header-wrapper,
.msh-hero-wrapper,
.msh-about-wrapper,
.msh-services-wrapper,
.msh-custom-page,
.msh-about-page,
.msh-podcast-page,
.msh-speaking-page,
.msh-wisdom-page,
.msh-digest-page {
  --color-white: #FEFFFA;
  --color-red: #7a0f20;
  --color-bright-red: #c6333a;
  --color-burgundy: #620A19;
  --color-gray: #141414;
  --color-dark-red: #620c1f;
}

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

html {
  font-size: 62.5%; /* 10px = 1rem */
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body, 'Mabry Pro', sans-serif);
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--msh-gray, var(--color-gray, #141414));
  background-color: var(--msh-white, var(--color-white, #FEFFFA));
  overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-heading, "FreightDispCmp Pro", serif);
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 2rem;
}

h1 {
  font-size: 7.2rem;
}

h2 {
  font-size: 5rem;
}

h3 {
  font-size: 3.6rem;
}

h4 {
  font-size: 2.4rem;
}

p {
  margin-bottom: 1.5rem;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s ease;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.container {
  width: 100%;
  max-width: 1728px;
  margin: 0 auto;
  padding: 0 4rem 0 6rem; /* Increased left padding from 4rem to 6rem for more space from left edge */
}

.btn {
  display: inline-block;
  background-color: var(--msh-red, var(--color-red, #7a0f20));
  color: var(--msh-white, var(--color-white, #FEFFFA));
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem 2rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.btn:hover {
  background-color: var(--msh-dark-red, var(--color-dark-red, #620c1f));
}

/* Header Styles
================================================== */
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 2rem 0;
  background-color: transparent;
  border-bottom: none;
}

.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  max-width: 25rem; /* Increased from 20rem for better visibility */
  display: flex;
  align-items: center;
}

.logo img {
  width: 100%;
  height: auto;
  display: block;
  /* Firefox-specific fixes */
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Ensure proper rendering across browsers */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

.nav {
  display: flex;
  justify-content: flex-end;
  width: 70%;
}

.nav ul {
  display: flex;
  list-style: none;
  gap: 1.7rem;
  justify-content: flex-end;
  text-align: right;
}

.nav a {
  color: var(--msh-red, var(--color-red, #7a0f20));
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.nav a:hover {
  color: var(--msh-dark-red, var(--color-dark-red, #620c1f));
}

/* Hero Section
================================================== */
.hero {
  background-color: var(--color-white);
  padding: 14rem 0 7rem; /* Increased padding */
  min-height: 80vh;
  display: flex;
  align-items: center;
}

.hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.hero-image {
  max-width: 40rem;
  margin: 0 auto 3rem;
  position: relative;
}

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

.main-heading {
  color: var(--msh-red, var(--color-red, #7a0f20));
  font-weight: 700; /* Changed to bold */
  text-transform: uppercase;
  margin-bottom: 1.8rem;
  font-size: 4.95rem; /* Scaled down 10% from 5.5rem */
  line-height: 0.9; /* Restored to original value */
  letter-spacing: 0.02em;
  font-family: 'Mabry Pro', sans-serif; /* Changed to Mabry Pro */
  position: absolute; /* Position absolutely to overlap image */
  bottom: 8.55rem; /* Restored to original position */
  left: 50%;
  transform: translateX(-50%); /* Center horizontally */
  z-index: 5; /* Lower z-index to stay below menu overlay */
  width: 100%;
  text-align: center;
}

.signature {
  max-width: 13.5rem; /* Scaled down 10% from 15rem */
  margin: 7.2rem auto 0; /* Scaled down 10% from 8rem */
  position: relative;
  z-index: 5;
}

/* Note: Single-line vs multi-line positioning is now handled dynamically in hero-about.liquid */

.martha-signature {
  width: 100%;
}

/* Mission Section
================================================== */
.mission {
  padding: 8rem 4rem; /* Add horizontal padding like digest section */
  background-color: var(--color-white);
  position: relative;
}

.mission-text {
  font-size: 4.4rem; /* Increased from 4rem to maintain visual impact */
  color: var(--msh-red, var(--color-red, #7a0f20));
  font-weight: 400;
  font-style: normal; /* Changed from italic to normal */
  text-align: left; /* Changed from center to left aligned */
  max-width: 160rem; /* Increased from 120rem to align with service columns */
  margin: 0 auto;
  line-height: 1.1; /* Reduced from 1.2 to further decrease leading */
  font-family: "FreightDispCmp Pro", serif;
}

.mission-text .italic {
  font-style: italic;
}

/* Larger mission text for podcast and speaking pages */
.mission-text.podcast-mission {
  font-size: 5.2rem; /* Larger than default for shorter text */
  max-width: 1400px; /* Match the wider podcast content width */
  margin: 0 auto; /* Center the content */
  padding: 0 4rem; /* Match exact padding of podcast content */
  box-sizing: border-box; /* Ensure consistent box model */
}

.mission-text.speaking-mission {
  font-size: 6rem; /* Increased to match topics section prominence */
  padding: 0 12rem; /* Match padding style of topics section */
}

/* Speaking Stats Section
================================================== */
.speaking-stats {
  background-color: var(--color-white);
  padding: 8rem 0;
  text-align: left;
}

.stats-content {
  max-width: 160rem;
  margin: 0 auto;
  padding: 0 12rem; /* Match padding of mission text above */
}

.stats-number {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem; /* Reduced from 12rem */
  font-weight: 400;
  color: var(--color-red);
  line-height: 0.8; /* Reduced line height for tighter spacing */
  margin: 0 0 1rem 1rem; /* Reduced left margin to move block left */
}

.stats-description {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.2rem; /* Increased from 3.6rem */
  font-weight: 400;
  color: var(--color-red);
  line-height: 0.9; /* Further reduced for even tighter spacing */
  margin: 0 0 0 1rem; /* Reduced left margin to align with number */
  max-width: 80rem;
}

/* Who We Are Section
================================================== */
.who-we-are {
  background-color: var(--color-burgundy);
  padding: 10rem 0; /* Increased padding */
  color: rgba(255, 255, 255, 0.9);
}

.who-we-are-content {
  max-width: 140rem;
  margin: 0 auto;
  padding: 0 12rem;
}

.who-we-are .mission-text {
  color: #C6333A;
  font-size: 4.5rem; /* Scaled down 10% from 5rem */
  margin-bottom: 7.2rem; /* Scaled down 10% from 8rem */
  text-align: left;
}

.who-we-are .mission-text .italic {
  color: #C6333A;
  font-style: italic;
}

.who-we-are .mission-text .msh-white {
  color: rgba(255, 255, 255, 0.9);
}

.martha-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7.2rem; /* Scaled down 10% from 8rem */
  margin-bottom: 7.2rem; /* Scaled down 10% from 8rem */
  align-items: start;
  position: relative;
}

.martha-portrait {
  width: 100%;
  position: relative;
}

.martha-portrait img {
  width: 100%;
  height: auto;
  display: block;
}

.martha-bio {
  padding-top: 2rem;
}

.martha-bio-heading {
  font-size: 4.5rem; /* Scaled down 10% from 5rem */
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.9);
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  margin: 0 0 2.7rem 0; /* Scaled down 10% from 3rem */
}

.martha-bio p {
  font-size: 2rem; /* Increased a couple sizes as requested */
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400;
  margin: 0;
}

.martha-signature-large {
  position: absolute;
  bottom: -5.4rem; /* Scaled down 10% from -6rem */
  left: 75%;
  transform: translateX(-50%);
  z-index: 5;
  width: 100%;
  text-align: center;
}

.martha-signature-large img {
  max-width: 63rem; /* Scaled down 10% from 70rem */
  height: auto;
}

@media (max-width: 992px) {
  .martha-info {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  
  .who-we-are .mission-text {
    font-size: 3.15rem; /* Scaled down 10% from 3.5rem */
  }
  
  .martha-bio-heading {
    font-size: 3.15rem; /* Scaled down 10% from 3.5rem */
  }
  
  .martha-bio p {
    font-size: 1.8rem; /* Increased from 1.6rem as requested */
  }
  
  .martha-signature-large {
    left: 50%;
    bottom: -7.2rem; /* Scaled down 10% from -8rem */
  }
  
  .martha-signature-large img {
    max-width: 45rem; /* Scaled down 10% from 50rem */
  }
}

/* Podcast Signup Section
================================================== */
.podcast-signup-section {
  background-color: var(--color-burgundy);
  padding: 10rem 0; /* Increased padding like other sections */
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.podcast-signup-content {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 4rem; /* Match standard container padding */
}

.podcast-signup-section .podcast-title {
  font-size: 1.8rem; /* Smaller sans serif font - scaled down 10% from 2rem */
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500; /* Medium weight */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 1) !important; /* Pure white - force override */
  margin: 0 auto 2.7rem auto; /* Centered with auto margins */
  text-align: center;
}

.podcast-signup-section .podcast-description {
  font-size: 4rem; /* Match footer h3 "Join the Newsletter" size */
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  font-style: normal; /* Remove italic styling */
  color: rgba(255, 255, 255, 1); /* Pure white */
  margin: 0 auto 5.4rem auto; /* Scaled down 10% from 6rem, centered */
  line-height: 1.0; /* Reduced line height for tighter spacing */
  position: static; /* Override any absolute positioning */
  transform: none; /* Override any transforms */
  max-width: 60rem; /* Narrow width to force text to break into two lines */
}

.podcast-cta {
  font-size: 1.8rem;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 1);
  margin: 0 0 2rem 0;
  line-height: 1.3;
  text-align: center;
}

.podcast-signup-form .form-group {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  gap: 1.5rem;
  margin-bottom: 2rem;
  flex-wrap: nowrap;
  justify-content: center;
}

.podcast-signup-form .input-wrapper {
  position: relative;
  flex-grow: 0;
  min-width: 25rem;
  max-width: 30rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.podcast-signup-form input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid var(--color-white);
  color: var(--color-white);
  font-size: 1.8rem;
  padding: 0.5rem 0;
  font-family: 'Mabry Pro', sans-serif;
  text-align: left;
  outline: none;
  margin-bottom: 0;
}

.podcast-signup-form input::placeholder {
  color: rgba(255, 255, 255, 1);
  text-align: left;
}

.podcast-signup-form input:focus {
  outline: none;
  border-bottom-color: rgba(255, 255, 255, 1);
}

.podcast-signup-form .btn {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--color-burgundy);
  border: none;
  padding: 0 1.8rem;
  font-size: 1.3rem;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
  align-self: flex-end;
  height: 3rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-24px);
  margin-bottom: -2px;
}

.podcast-signup-form .btn:hover {
  background-color: rgba(255, 255, 255, 1);
}

.podcast-signup-form .disclaimer {
  font-size: 1.4rem; /* Match footer disclaimer size */
  color: rgba(255, 255, 255, 1); /* Pure white */
  text-align: left;
  margin: 0.5rem 0 0 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Desktop override to ensure row layout */
@media (min-width: 993px) {
  .podcast-signup-form .form-group {
    flex-direction: row !important;
  }
}

@media (max-width: 992px) {
  .podcast-signup-content {
    padding: 0 3rem; /* Match standard mobile container padding */
  }
  
  .podcast-signup-section .podcast-title {
    font-size: 1.62rem; /* Smaller sans serif mobile - scaled down 10% from 1.8rem */
  }
  
  .podcast-signup-section .podcast-description {
    font-size: 3.6rem; /* Scaled down 10% from 4rem for mobile */
    max-width: 50rem; /* Narrower on mobile */
  }
  
  .podcast-cta {
    font-size: 1.62rem;
    margin: 0 0 1.5rem 0;
  }
  
  .podcast-signup-form .form-group {
    flex-direction: column !important;
    gap: 2rem;
    align-items: center !important;
    margin-bottom: 1.8rem;
  }
  
  .podcast-signup-form .input-wrapper {
    min-width: 25rem;
    max-width: 35rem;
    flex-grow: 0;
    width: 100%;
  }
  
  .podcast-signup-form .disclaimer {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center; /* Center the disclaimer text */
  }
  
  .podcast-signup-form .btn {
    width: auto;
    padding: 1.35rem 1.8rem;
    min-width: 18rem;
    flex-shrink: 0;
  }
}

/* Services Section
================================================== */
.services {
  background-color: var(--color-burgundy);
  padding: 5rem 4rem; /* Added left and right padding */
  margin-bottom: 0; /* Removed space between sections */
  position: relative;
}

.service-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  position: relative;
}

.service-column {
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
  position: relative;
}

/* Add hairline separators between columns */
.service-column:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.5rem;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.service-column h2 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 3.6rem; /* Increased from 2.8rem to make bigger */
  margin-bottom: 2rem;
  text-align: left;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
}

.service-image {
  height: 60rem; /* Increased to make images much more portrait-like */
  overflow: hidden;
}

.service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 2rem;
  flex-grow: 1;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400;
}

.service-column .btn {
  align-self: flex-start;
  margin-top: auto;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
  padding: 0.8rem 1.8rem; /* Reduced padding for thinner/softer height */
  font-size: 1.3rem; /* Slightly smaller font */
  background-color: rgba(255, 255, 255, 1);
  color: var(--color-burgundy);
  border: none;
  transition: all 0.3s ease;
}

.service-column .btn:hover {
  background-color: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
}

/* Testimonials Section
================================================== */
.testimonials {
  background-color: #620A19; /* Solid burgundy background */
  padding: 12rem 0;
  position: relative;
  display: flex;
  align-items: center; /* Center content vertically */
  min-height: 60vh; /* Minimum height to ensure proper centering */
}

.testimonial-card {
  max-width: 120rem; /* Match wisdom quote content width */
  margin: 0 auto;
  padding: 8rem 4rem; /* Increased vertical padding for more visual impact */
  position: relative;
  color: rgba(233, 233, 233, 1); /* Grey text color */
  text-align: center; /* Center align all content */
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center content vertically */
}

.quote {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-bottom: 4rem;
  position: relative;
  text-align: center;
}

.quote-mark {
  font-size: 6rem;
  color: rgba(233, 233, 233, 1); /* Grey color */
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quote-mark.left {
  align-self: center;
}

.quote-mark.right {
  align-self: center; /* Center align for vertical centering */
  transform: scaleX(-1); /* Changed from rotate to flip horizontally */
}

.quote p {
  font-size: 6.4rem; /* Increased to match wisdom quote section */
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400; /* Match wisdom quote weight */
  line-height: 1.1; /* Match wisdom quote line height */
  margin: 0;
  font-style: normal;
  color: rgba(233, 233, 233, 1); /* Grey text color */
  text-align: center;
  max-width: 80rem;
}

.testimonial-author {
  text-align: center;
  margin-bottom: 4rem;
  color: rgba(233, 233, 233, 1); /* Grey text color */
}

.testimonial-author h4 {
  font-size: 1.3rem; /* Reduced from 1.6rem */
  font-weight: 700; /* Changed to bold */
  margin: 0;
  font-family: 'Mabry Pro', sans-serif; /* Changed to Mabry Pro */
  text-transform: uppercase;
  letter-spacing: 0.1em; /* Reduced from 0.3em */
}

.pagination-dots {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  align-items: center;
}

.dot {
  width: 0.8rem; /* Reduced from 1rem */
  height: 0.8rem; /* Reduced from 1rem */
  border-radius: 50%;
  background-color: rgba(233, 233, 233, 0.3); /* Reduced opacity */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.dot.active {
  background-color: rgba(255, 255, 255, 1); /* Active dot color */
}

.dot:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

/* Digest Section
================================================== */
.digest {
  background-color: var(--color-white);
  padding: 8rem 12rem; /* Further increased horizontal padding to make content narrower */
  position: relative;
}

.digest h2 {
  font-size: 7rem; /* Reduced size slightly */
  color: var(--color-gray);
  text-align: left;
  margin-bottom: 1rem;
  font-weight: 400;
  padding-left: 18rem; /* Align with featured content left edge */
  position: relative;
}

.digest h2::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 18rem;
  width: 70%;
  height: 0.5px;
  background-color: #222;
  opacity: 1;
}



/* MSH in sans serif font */
.digest h2 .msh-sans {
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  font-size: 0.85em; /* Slightly smaller than parent */
  letter-spacing: -0.02em; /* Tighten letter spacing */
}

/* DIGEST in serif font */
.digest h2 .digest-serif {
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
}

/* Featured content wrapper - provides positioning context for navigation */
.featured-content {
  position: relative;
}

.featured-content h3 {
  font-size: 2rem;
  color: var(--color-gray);
  margin-bottom: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: relative;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
}

.featured-content h3::after {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-red);
  opacity: 0.2;
}

/* New Digest Layout */
.digest-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  position: relative;
  min-height: 60rem;
  padding: 0 4rem;
  max-width: 140rem;
  margin: 0 auto;
}

/* Pinned Article (Left Side) */
.digest-pinned {
  position: relative;
}

.digest-pinned .digest-image {
  width: 100%;
  height: 75rem; /* Increased from 60rem */
  overflow: hidden;
  position: relative;
  margin-bottom: 2.5rem;
}

.digest-pinned .digest-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Black gradient overlay for better text contrast */
.digest-pinned .digest-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.3) 100%);
  pointer-events: none;
}

/* Featured Content Overlay on Left Image */
.featured-content-overlay {
  position: absolute;
  top: 3rem;
  left: 3rem;
  right: 3rem;
  z-index: 5;
}

.featured-content-overlay h3 {
  font-size: 1.7rem;
  color: var(--color-white);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Article Content Outside Image - Made Much Bigger */
.pinned-article-content h4 {
  font-size: 4.5rem;
  color: var(--color-gray);
  margin-bottom: 2rem;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.1;
}

.pinned-article-content p {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-gray);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  margin: 0;
}

/* Remove old overlay styles */
.article-overlay {
  display: none;
}

.article-content h4 {
  display: none;
}

.article-content p {
  display: none;
}

/* Scrollable Articles (Right Side) */
.digest-scrollable {
  position: relative;
  display: flex;
  flex-direction: column;
}

.digest-scroll-container {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.digest-scroll-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  height: auto; /* Allow natural height to prevent cutoff */
  overflow: hidden; /* Remove scrolling */
  padding-right: 1rem;
  position: relative;
}

/* Article fade transition styles */
.digest-item {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  position: relative;
}

/* Add horizontal hairlines above smaller digest images */
.digest-item::before {
  content: "";
  position: absolute;
  top: -1.5rem;
  left: 0;
  width: 100%;
  height: 0.5px;
  background-color: #222;
  opacity: 1;
}

/* Add vertical hairlines between digest items (only between left and right columns) */
.digest-item:nth-child(odd)::after {
  content: "";
  position: absolute;
  right: -1.5rem;
  top: -1.5rem;
  width: 0.5px;
  height: calc(100% + 3rem);
  background-color: #222;
  opacity: 1;
}

.digest-item.hidden {
  display: none; /* Completely remove from layout flow */
}

.digest-item.fade-in {
  opacity: 0;
  animation: fadeInUp 0.5s ease-out forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Removed arrow from featured content to clean up design */

/* Removed scrollbar styling since we're using fade transitions */

.digest-item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-bottom: 3rem;
}

.digest-item .digest-image {
  width: 100%;
  height: 32rem; /* Reduced from 38rem for better proportions */
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.digest-item .digest-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.digest-item h4 {
  font-size: 2.2rem; /* Increased from 1.8rem */
  color: var(--color-gray);
  margin-bottom: 0.8rem;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.3;
  flex-grow: 1;
}

.digest-item p {
  font-size: 1.2rem;
  font-weight: 700; /* Made bold */
  color: var(--color-gray);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  margin: 0;
}

/* Scroll Navigation */
.scroll-navigation {
  position: absolute;
  bottom: 0; /* Align with bottom of extended divider */
  left: calc(50% + 1rem); /* Position to the right of the divider, inline with it */
  display: flex;
  justify-content: center;
  gap: 1rem;
  z-index: 5;
}

.scroll-btn {
  background-color: transparent;
  border: none;
  color: #000000;
  width: auto;
  height: auto;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 1;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: 'Mabry Pro', sans-serif;
}

.scroll-btn:hover {
  background-color: #000000;
  color: var(--color-white);
  opacity: 1;
}

.scroll-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.scroll-btn:disabled:hover {
  background-color: transparent;
  color: #000000;
}

/* Vertical separator between pinned and scrollable - separate from horizontal line */
.digest-layout::after {
  content: "";
  position: absolute;
  top: 0; /* Start from content area, not title */
  left: calc(50% - 0.25px);
  height: 85rem; /* Standard height for content area */
  width: 0.5px;
  background-color: #222;
  opacity: 1;
}

.more-link {
  text-align: right;
  margin-top: 3rem;
  padding-right: 1rem;
}

.more-link a {
  font-size: 1.6rem;
  color: var(--color-gray);
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}

.more-link a:hover {
  color: var(--color-red);
}

.more-link a:after {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 1.5rem;
  background-image: url('../images/arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1rem;
  transition: all 0.3s ease;
}

.more-link a:hover:after {
  transform: translateX(0.5rem);
}

/* Podcast Section
================================================== */
.podcast {
  background-color: var(--color-burgundy); /* Changed to darker burgundy */
  color: var(--color-white);
  padding: 8rem 0;
  position: relative; /* Add relative positioning for absolute children */
}

.podcast-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2.5rem !important;
}

.podcast-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.podcast-right {
  align-items: flex-start;
}

.podcast-heading-wrapper {
  position: absolute;
  top: 7rem; /* Move down to overlap image more */
  left: 50%;
  width: 100%;
  max-width: 70rem;
  transform: translateX(-50%);
  z-index: 5;
  pointer-events: none;
  height: 20rem; /* Increase height for more overlap */
}

.podcast-logo {
  position: absolute;
  top: 2.5rem; /* Move logo down to overlap image */
  left: 50%; /* Center horizontally */
  transform: translateX(-50%);
  width: 30rem; /* Size down from 36rem */
  max-width: 100%;
  z-index: 1;
  margin: 0;
  pointer-events: none;
}

.podcast-logo svg {
  width: 100%;
  height: auto;
  display: block;
  fill: var(--color-bright-red) !important;
  /* filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3)); */ /* Removed drop shadow */
}

.podcast-logo svg path {
  fill: var(--color-bright-red) !important;
}

.podcast-heading-wrapper h2 {
  position: absolute;
  top: 11rem; /* Move title down for more overlap */
  left: 50%;
  transform: translateX(-50%);
  font-size: 5.0rem; /* Increased slightly from 4.6rem */
  margin: 0;
  text-transform: uppercase;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  z-index: 2;
  color: var(--color-white);
  pointer-events: none;
}

.podcast-image {
  max-width: 70rem;
  margin: 0 auto;
  position: relative;
  margin-top: 12rem;
}

.podcast-image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: none;
}

.podcast-description {
  position: absolute;
  left: 50%;
  bottom: -6rem; /* Move down more from -4rem */
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 100%;
  z-index: 1;
  pointer-events: none;
}

.podcast-description p {
  font-size: 4.2rem;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.01;
  text-align: center;
  color: var(--color-white);
  /* text-shadow: 0 2px 8px rgba(0,0,0,0.7); */ /* Removed text shadow */
  margin: 0;
  padding: 0 2rem;
}

.podcast-signup {
  width: 100%;
  max-width: 60rem;
  margin-top: 8rem; /* Add more space from 4rem */
}

.podcast-signup h3 {
  font-size: 2rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
  color: var(--color-white); /* Make sure heading is white */
}

.signup-lead {
  color: var(--color-white);
  font-size: 1.3rem;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: pre-line;
  margin-right: 0;
  flex-shrink: 0;
  display: block;
  text-align: center;
  line-height: 1.2;
  align-self: center;
  margin-bottom: 0;
}

.signup-lead br {
  display: block;
  content: "";
  margin-bottom: 0.2em;
}

.signup-form .form-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-wrap: nowrap;
  justify-content: center;
}

.signup-form .input-wrapper {
  position: relative;
  flex-grow: 0;
  min-width: 30rem;
  max-width: 40rem;
  width: 100%;
}

.signup-form input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid var(--color-white);
  color: var(--color-white);
  font-size: 1.8rem;
  padding: 0.5rem 0;
  font-family: 'Mabry Pro', sans-serif;
  text-align: center;
  max-width: 40rem;
  outline: none;
}

.disclaimer {
  font-size: 0.6rem;
  color: #c6333a;
  text-align: center;
  margin-top: 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Footer Section
================================================== */
.footer {
  background-color: var(--color-burgundy); /* Using the burgundy variable */
  color: rgba(255, 255, 255, 0.8);
  padding: 12rem 0; /* Increased from 8rem to make footer taller */
  position: relative;
  display: flex;
  align-items: flex-end; /* Align footer content to bottom */
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 45rem; /* Increased from 30rem to make footer more spacious */
  position: relative; /* Allow absolute positioning of children */
}

.footer-left {
  width: 70%; /* Increased from 60% to take up even more space */
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Logo at top, icons at bottom */
  height: 100%;
  padding-left: 0.5rem; /* Move logo even closer to the left edge */
  align-items: flex-start;
}

.footer-right {
  width: 30%; /* Reduced from 40% to make content move even further left */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-left: 0; /* Remove padding to move content further left */
  margin-left: -4rem; /* Negative margin to pull content even further left */
  padding-right: 0.5rem; /* Match the logo's left padding for symmetrical spacing */
}

.footer-right-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 45rem; /* Increased to match footer-columns height */
}

.footer-logo {
  max-width: 32rem; /* Increased from 25rem to make logo bigger on mobile */
  margin-bottom: 0.5rem; /* Reduced to bring icons even closer to logo */
}

.footer-spacer {
  flex-grow: 1; /* This will push the icons to the bottom */
}

.footer-left-bottom {
  position: absolute; /* Position absolutely within footer-columns */
  bottom: 0; /* Align to bottom of footer-columns */
  left: 0.5rem; /* Match the footer-left padding */
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 0;
}

.social-icons {
  display: flex;
  gap: 2rem;
  margin-bottom: 1rem; /* Reduced spacing before copyright */
  align-items: center;
  margin-left: 0; /* Ensure social icons are aligned with logo */
  padding-left: 0; /* Remove any padding */
}

.social-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Make Substack icon larger to match other icons */
.social-icon img[alt="Substack"] {
  width: 150%; /* Increased from 120% to 150% to make Substack icon even larger */
  height: 150%;
}

.copyright {
  font-size: 1.4rem;
  color: #c6333a;
  margin-left: 0; /* Ensure copyright is aligned with logo and icons */
  font-family: 'Mabry Pro', sans-serif;
  margin-bottom: 0; /* Remove any bottom margin */
  padding-bottom: 0; /* Remove any bottom padding */
}

.footer-contact {
  margin-bottom: 0;
}

.footer-right h3 {
  font-size: 4rem; /* Increased from 3rem to make headings larger */
  color: var(--color-white);
  margin-bottom: 2rem;
  font-weight: 400;
  font-family: "FreightDispCmp Pro", serif;
}

.footer-right p {
  font-size: 1.8rem;
  margin-bottom: 0.05rem; /* Minimal spacing - almost touching */
  color: #c6333a;
  font-family: 'Mabry Pro', sans-serif;
}

.footer-newsletter {
  width: 100%;
  margin-top: 4rem; /* Increased spacing above "Join the Newsletter" section */
}

.newsletter-form .form-group {
  display: flex;
  margin-bottom: 1rem;
  gap: 1rem;
  width: 100%;
  align-items: flex-end; /* Align items to bottom of container */
}

.newsletter-form input {
  background: none;
  border: none;
  border-bottom: 1px solid #c6333a;
  color: #c6333a;
  padding: 0.5rem 0;
  font-size: 1.8rem;
  flex-grow: 1;
  width: 100%;
  max-width: 18rem;
  font-family: 'Mabry Pro', sans-serif;
  outline: none;
}

.newsletter-form input:focus {
  outline: none; /* Remove focus outline */
  border-bottom: 1px solid #c6333a; /* Keep the same border on focus */
}

.newsletter-form input::placeholder {
  color: #c6333a;
}

.newsletter-form .btn {
  background-color: var(--color-bright-red);
  color: var(--color-burgundy);
  text-transform: uppercase;
  border: none;
  padding: 0 2.5rem !important; /* Removed top padding */
  font-size: 1.4rem;
  cursor: pointer;
  border-radius: 0;
  font-weight: 400;
  letter-spacing: 0.05em;
  transition: background-color 0.3s ease;
  font-family: 'Mabry Pro', sans-serif;
  line-height: 1 !important;
  height: 3rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-4px); /* Increased upward shift */
  margin-bottom: 0 !important;
}

.newsletter-form .btn:hover {
  background-color: var(--color-white);
  color: var(--color-burgundy);
}

.disclaimer {
  font-size: 0.5rem; /* Much smaller than the general disclaimer */
  color: #c6333a;
  text-align: left;
  margin-top: 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Custom social icon styles to match the desired design */
.instagram-icon {
  border: 2px solid white;
  border-radius: 4px;
}

/* Specific rule for newsletter disclaimer to make it smaller */
.newsletter-form .disclaimer {
  font-size: 1.4rem; /* Increased from 1.2rem to make it slightly larger */
  color: #c6333a;
  text-align: left;
  margin-top: 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Power of Wisdom Event Section
================================================== */
.power-of-wisdom-event {
  background-color: #ffffff; /* Plain white background */
  padding: 10rem 0 15rem 0; /* Increased bottom padding for more spacing from next section */
}

.event-content {
  display: flex;
  align-items: stretch; /* Make both columns same height */
  gap: 8.4rem; /* Matches Figma 84px item spacing */
  max-width: 178rem; /* Closer to Figma 1781px total width */
  margin: 0 auto;
  min-height: 60rem; /* Set minimum height for proper spacing */
}

/* MSH Collective Styles
================================================== */

/* Base Styles
================================================== */
:root {
  /* Color Variables */
  --color-white: #FEFFFA;
  --color-off-white: #f9f9f9; 
  --color-light-gray: #e9e9e9;
  --color-gray: #141414;
  --color-dark-red: #620c1f;
  --color-burgundy: #620A19; /* Updated burgundy color for footer and podcast */
  --color-red: #7a0f20;
  --color-bright-red: #c6333a;
}

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

html {
  font-size: 62.5%; /* 10px = 1rem */
  scroll-behavior: smooth;
}

body {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--color-gray);
  background-color: var(--color-white);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 2rem;
}

h1 {
  font-size: 7.2rem;
}

h2 {
  font-size: 5rem;
}

h3 {
  font-size: 3.6rem;
}

h4 {
  font-size: 2.4rem;
}

p {
  margin-bottom: 1.5rem;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s ease;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.container {
  width: 100%;
  max-width: 1728px;
  margin: 0 auto;
  padding: 0 4rem 0 6rem; /* Increased left padding from 4rem to 6rem for more space from left edge */
}

.btn {
  display: inline-block;
  background-color: var(--color-red);
  color: var(--color-white);
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem 2rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
      letter-spacing: 0.05em;
}

.btn:hover {
  background-color: var(--color-dark-red);
}

/* Header Styles
================================================== */
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 2rem 0;
  background-color: transparent;
  border-bottom: none;
}

.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  max-width: 25rem; /* Increased from 20rem for better visibility */
  display: flex;
  align-items: center;
}

.logo img {
  width: 100%;
  height: auto;
  display: block;
  /* Firefox-specific fixes */
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Ensure proper rendering across browsers */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

.nav {
  display: flex;
  justify-content: flex-end;
  width: 70%;
}

.nav ul {
  display: flex;
  list-style: none;
  gap: 1.7rem;
  justify-content: flex-end;
  text-align: right;
}

.nav a {
  color: var(--color-red);
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.nav a:hover {
  color: var(--color-dark-red);
}

/* Hero Section
================================================== */
.hero {
  background-color: var(--color-white);
  padding: 14rem 0 7rem; /* Increased padding */
  min-height: 80vh;
  display: flex;
  align-items: center;
}

.hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.hero-image {
  max-width: 40rem;
  margin: 0 auto 3rem;
  position: relative;
}

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

.main-heading {
  color: var(--color-red);
  font-weight: 700; /* Changed to bold */
  text-transform: uppercase;
  margin-bottom: 1.8rem;
  font-size: 4.95rem; /* Scaled down 10% from 5.5rem */
  line-height: 0.9; /* Reduced from 1.1 to bring lines closer together */
  letter-spacing: 0.02em;
  font-family: 'Mabry Pro', sans-serif; /* Changed to Mabry Pro */
  position: absolute; /* Position absolutely to overlap image */
  bottom: 8.55rem; /* Scaled down 10% from 9.5rem */
  left: 50%;
  transform: translateX(-50%); /* Center horizontally */
  z-index: 5; /* Lower z-index to stay below menu overlay */
  width: 100%;
  text-align: center;
}

.signature {
  max-width: 13.5rem; /* Scaled down 10% from 15rem */
  margin: 7.2rem auto 0; /* Scaled down 10% from 8rem */
  position: relative;
  z-index: 5;
}

/* Note: Single-line vs multi-line positioning is now handled dynamically in hero-about.liquid */

.martha-signature {
  width: 100%;
}

/* Mission Section
================================================== */
.mission {
  padding: 8rem 4rem; /* Add horizontal padding like digest section */
  background-color: var(--color-white);
  position: relative;
}

.mission-text {
  font-size: 4.4rem; /* Increased from 4rem to maintain visual impact */
  color: var(--color-red);
  font-weight: 400;
  font-style: normal; /* Changed from italic to normal */
  text-align: left; /* Changed from center to left aligned */
  max-width: 160rem; /* Increased from 120rem to align with service columns */
  margin: 0 auto;
  line-height: 1.1; /* Reduced from 1.2 to further decrease leading */
  font-family: "FreightDispCmp Pro", serif;
}

.mission-text .italic {
  font-style: italic;
}

/* Larger mission text for podcast and speaking pages */
.mission-text.podcast-mission {
  font-size: 5.2rem; /* Larger than default for shorter text */
  max-width: 1400px; /* Match the wider podcast content width */
  margin: 0 auto; /* Center the content */
  padding: 0 4rem; /* Match exact padding of podcast content */
  box-sizing: border-box; /* Ensure consistent box model */
}

.mission-text.speaking-mission {
  font-size: 6rem; /* Increased to match topics section prominence */
  padding: 0 12rem; /* Match padding style of topics section */
}

/* Speaking Stats Section
================================================== */
.speaking-stats {
  background-color: var(--color-white);
  padding: 8rem 0;
  text-align: left;
}

.stats-content {
  max-width: 160rem;
  margin: 0 auto;
  padding: 0 12rem; /* Match padding of mission text above */
}

.stats-number {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem; /* Reduced from 12rem */
  font-weight: 400;
  color: var(--color-red);
  line-height: 0.8; /* Reduced line height for tighter spacing */
  margin: 0 0 1rem 1rem; /* Reduced left margin to move block left */
}

.stats-description {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.2rem; /* Increased from 3.6rem */
  font-weight: 400;
  color: var(--color-red);
  line-height: 0.9; /* Further reduced for even tighter spacing */
  margin: 0 0 0 1rem; /* Reduced left margin to align with number */
  max-width: 80rem;
}

/* Who We Are Section
================================================== */
.who-we-are {
  background-color: var(--color-burgundy);
  padding: 10rem 0; /* Increased padding */
  color: rgba(255, 255, 255, 0.9);
}

.who-we-are-content {
  max-width: 140rem;
  margin: 0 auto;
  padding: 0 12rem;
}

.who-we-are .mission-text {
  color: #C6333A;
  font-size: 4.5rem; /* Scaled down 10% from 5rem */
  margin-bottom: 7.2rem; /* Scaled down 10% from 8rem */
  text-align: left;
}

.who-we-are .mission-text .italic {
  color: #C6333A;
  font-style: italic;
}

.who-we-are .mission-text .msh-white {
  color: rgba(255, 255, 255, 0.9);
}

.martha-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7.2rem; /* Scaled down 10% from 8rem */
  margin-bottom: 7.2rem; /* Scaled down 10% from 8rem */
  align-items: start;
  position: relative;
}

.martha-portrait {
  width: 100%;
  position: relative;
}

.martha-portrait img {
  width: 100%;
  height: auto;
  display: block;
}

.martha-bio {
  padding-top: 2rem;
}

.martha-bio-heading {
  font-size: 4.5rem; /* Scaled down 10% from 5rem */
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.9);
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  margin: 0 0 2.7rem 0; /* Scaled down 10% from 3rem */
}

.martha-bio p {
  font-size: 2rem; /* Increased a couple sizes as requested */
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400;
  margin: 0;
}

.martha-signature-large {
  position: absolute;
  bottom: -5.4rem; /* Scaled down 10% from -6rem */
  left: 75%;
  transform: translateX(-50%);
  z-index: 5;
  width: 100%;
  text-align: center;
}

.martha-signature-large img {
  max-width: 63rem; /* Scaled down 10% from 70rem */
  height: auto;
}

@media (max-width: 992px) {
  .martha-info {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  
  .who-we-are .mission-text {
    font-size: 3.15rem; /* Scaled down 10% from 3.5rem */
  }
  
  .martha-bio-heading {
    font-size: 3.15rem; /* Scaled down 10% from 3.5rem */
  }
  
  .martha-bio p {
    font-size: 1.8rem; /* Increased from 1.6rem as requested */
  }
  
  .martha-signature-large {
    left: 50%;
    bottom: -7.2rem; /* Scaled down 10% from -8rem */
  }
  
  .martha-signature-large img {
    max-width: 45rem; /* Scaled down 10% from 50rem */
  }
}

/* Podcast Signup Section
================================================== */
.podcast-signup-section {
  background-color: var(--color-burgundy);
  padding: 10rem 0; /* Increased padding like other sections */
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.podcast-signup-content {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 4rem; /* Match standard container padding */
}

.podcast-signup-section .podcast-title {
  font-size: 1.8rem; /* Smaller sans serif font - scaled down 10% from 2rem */
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500; /* Medium weight */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 1) !important; /* Pure white - force override */
  margin: 0 auto 2.7rem auto; /* Centered with auto margins */
  text-align: center;
}

.podcast-signup-section .podcast-description {
  font-size: 4rem; /* Match footer h3 "Join the Newsletter" size */
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  font-style: normal; /* Remove italic styling */
  color: rgba(255, 255, 255, 1); /* Pure white */
  margin: 0 auto 5.4rem auto; /* Scaled down 10% from 6rem, centered */
  line-height: 1.0; /* Reduced line height for tighter spacing */
  position: static; /* Override any absolute positioning */
  transform: none; /* Override any transforms */
  max-width: 60rem; /* Narrow width to force text to break into two lines */
}

.podcast-cta {
  font-size: 1.8rem;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 1);
  margin: 0 0 2rem 0;
  line-height: 1.3;
  text-align: center;
}

.podcast-signup-form .form-group {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  gap: 1.5rem;
  margin-bottom: 2rem;
  flex-wrap: nowrap;
  justify-content: center;
}

.podcast-signup-form .input-wrapper {
  position: relative;
  flex-grow: 0;
  min-width: 25rem;
  max-width: 30rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.podcast-signup-form input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid var(--color-white);
  color: var(--color-white);
  font-size: 1.8rem;
  padding: 0.5rem 0;
  font-family: 'Mabry Pro', sans-serif;
  text-align: left;
  outline: none;
  margin-bottom: 0;
}

.podcast-signup-form input::placeholder {
  color: rgba(255, 255, 255, 1);
  text-align: left;
}

.podcast-signup-form input:focus {
  outline: none;
  border-bottom-color: rgba(255, 255, 255, 1);
}

.podcast-signup-form .btn {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--color-burgundy);
  border: none;
  padding: 0 1.8rem;
  font-size: 1.3rem;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
  align-self: flex-end;
  height: 3rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-24px);
  margin-bottom: -2px;
}

.podcast-signup-form .btn:hover {
  background-color: rgba(255, 255, 255, 1);
}

.podcast-signup-form .disclaimer {
  font-size: 1.4rem; /* Match footer disclaimer size */
  color: rgba(255, 255, 255, 1); /* Pure white */
  text-align: left;
  margin: 0.5rem 0 0 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Desktop override to ensure row layout */
@media (min-width: 993px) {
  .podcast-signup-form .form-group {
    flex-direction: row !important;
  }
}

@media (max-width: 992px) {
  .podcast-signup-content {
    padding: 0 3rem; /* Match standard mobile container padding */
  }
  
  .podcast-signup-section .podcast-title {
    font-size: 1.62rem; /* Smaller sans serif mobile - scaled down 10% from 1.8rem */
  }
  
  .podcast-signup-section .podcast-description {
    font-size: 3.6rem; /* Scaled down 10% from 4rem for mobile */
    max-width: 50rem; /* Narrower on mobile */
  }
  
  .podcast-cta {
    font-size: 1.62rem;
    margin: 0 0 1.5rem 0;
  }
  
  .podcast-signup-form .form-group {
    flex-direction: column !important;
    gap: 2rem;
    align-items: center !important;
    margin-bottom: 1.8rem;
  }
  
  .podcast-signup-form .input-wrapper {
    min-width: 25rem;
    max-width: 35rem;
    flex-grow: 0;
    width: 100%;
  }
  
  .podcast-signup-form .disclaimer {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center; /* Center the disclaimer text */
  }
  
  .podcast-signup-form .btn {
    width: auto;
    padding: 1.35rem 1.8rem;
    min-width: 18rem;
    flex-shrink: 0;
  }
}

/* Services Section
================================================== */
.services {
  background-color: var(--color-burgundy);
  padding: 5rem 4rem; /* Added left and right padding */
  margin-bottom: 0; /* Removed space between sections */
  position: relative;
}

.service-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  position: relative;
}

.service-column {
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
  position: relative;
}

/* Add hairline separators between columns */
.service-column:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.5rem;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.service-column h2 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 3.6rem; /* Increased from 2.8rem to make bigger */
  margin-bottom: 2rem;
  text-align: left;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
}

.service-image {
  height: 60rem; /* Increased to make images much more portrait-like */
  overflow: hidden;
}

.service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 2rem;
  flex-grow: 1;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400;
}

.service-column .btn {
  align-self: flex-start;
  margin-top: auto;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
  padding: 0.8rem 1.8rem; /* Reduced padding for thinner/softer height */
  font-size: 1.3rem; /* Slightly smaller font */
  background-color: rgba(255, 255, 255, 1);
  color: var(--color-burgundy);
  border: none;
  transition: all 0.3s ease;
}

.service-column .btn:hover {
  background-color: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
}

/* Testimonials Section
================================================== */
.testimonials {
  background-color: #620A19; /* Solid burgundy background */
  padding: 12rem 0;
  position: relative;
  display: flex;
  align-items: center; /* Center content vertically */
  min-height: 60vh; /* Minimum height to ensure proper centering */
}

.testimonial-card {
  max-width: 120rem; /* Match wisdom quote content width */
  margin: 0 auto;
  padding: 8rem 4rem; /* Increased vertical padding for more visual impact */
  position: relative;
  color: rgba(233, 233, 233, 1); /* Grey text color */
  text-align: center; /* Center align all content */
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center content vertically */
}

.quote {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-bottom: 4rem;
  position: relative;
  text-align: center;
}

.quote-mark {
  font-size: 6rem;
  color: rgba(233, 233, 233, 1); /* Grey color */
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quote-mark.left {
  align-self: center;
}

.quote-mark.right {
  align-self: center; /* Center align for vertical centering */
  transform: scaleX(-1); /* Changed from rotate to flip horizontally */
}

.quote p {
  font-size: 6.4rem; /* Increased to match wisdom quote section */
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400; /* Match wisdom quote weight */
  line-height: 1.1; /* Match wisdom quote line height */
  margin: 0;
  font-style: normal;
  color: rgba(233, 233, 233, 1); /* Grey text color */
  text-align: center;
  max-width: 80rem;
}

.testimonial-author {
  text-align: center;
  margin-bottom: 4rem;
  color: rgba(233, 233, 233, 1); /* Grey text color */
}

.testimonial-author h4 {
  font-size: 1.3rem; /* Reduced from 1.6rem */
  font-weight: 700; /* Changed to bold */
  margin: 0;
  font-family: 'Mabry Pro', sans-serif; /* Changed to Mabry Pro */
  text-transform: uppercase;
  letter-spacing: 0.1em; /* Reduced from 0.3em */
}

.pagination-dots {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  align-items: center;
}

.dot {
  width: 0.8rem; /* Reduced from 1rem */
  height: 0.8rem; /* Reduced from 1rem */
  border-radius: 50%;
  background-color: rgba(233, 233, 233, 0.3); /* Reduced opacity */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.dot.active {
  background-color: rgba(255, 255, 255, 1); /* Active dot color */
}

.dot:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

/* Digest Section
================================================== */
.digest {
  background-color: var(--color-white);
  padding: 8rem 12rem; /* Further increased horizontal padding to make content narrower */
  position: relative;
}

.digest h2 {
  font-size: 7rem; /* Reduced size slightly */
  color: var(--color-gray);
  text-align: left;
  margin-bottom: 1rem;
  font-weight: 400;
  padding-left: 18rem; /* Align with featured content left edge */
  position: relative;
}

.digest h2::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 18rem;
  width: 70%;
  height: 0.5px;
  background-color: #222;
  opacity: 1;
}



/* MSH in sans serif font */
.digest h2 .msh-sans {
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  font-size: 0.85em; /* Slightly smaller than parent */
  letter-spacing: -0.02em; /* Tighten letter spacing */
}

/* DIGEST in serif font */
.digest h2 .digest-serif {
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
}

/* Featured content wrapper - provides positioning context for navigation */
.featured-content {
  position: relative;
}

.featured-content h3 {
  font-size: 2rem;
  color: var(--color-gray);
  margin-bottom: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: relative;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
}

.featured-content h3::after {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-red);
  opacity: 0.2;
}

/* New Digest Layout */
.digest-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  position: relative;
  min-height: 60rem;
  padding: 0 4rem;
  max-width: 140rem;
  margin: 0 auto;
}

/* Pinned Article (Left Side) */
.digest-pinned {
  position: relative;
}

.digest-pinned .digest-image {
  width: 100%;
  height: 75rem; /* Increased from 60rem */
  overflow: hidden;
  position: relative;
  margin-bottom: 2.5rem;
}

.digest-pinned .digest-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Black gradient overlay for better text contrast */
.digest-pinned .digest-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.3) 100%);
  pointer-events: none;
}

/* Featured Content Overlay on Left Image */
.featured-content-overlay {
  position: absolute;
  top: 3rem;
  left: 3rem;
  right: 3rem;
  z-index: 5;
}

.featured-content-overlay h3 {
  font-size: 1.7rem;
  color: var(--color-white);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Article Content Outside Image - Made Much Bigger */
.pinned-article-content h4 {
  font-size: 4.5rem;
  color: var(--color-gray);
  margin-bottom: 2rem;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.1;
}

.pinned-article-content p {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-gray);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  margin: 0;
}

/* Remove old overlay styles */
.article-overlay {
  display: none;
}

.article-content h4 {
  display: none;
}

.article-content p {
  display: none;
}

/* Scrollable Articles (Right Side) */
.digest-scrollable {
  position: relative;
  display: flex;
  flex-direction: column;
}

.digest-scroll-container {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.digest-scroll-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  height: auto; /* Allow natural height to prevent cutoff */
  overflow: hidden; /* Remove scrolling */
  padding-right: 1rem;
  position: relative;
}

/* Article fade transition styles */
.digest-item {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  position: relative;
}

/* Add horizontal hairlines above smaller digest images */
.digest-item::before {
  content: "";
  position: absolute;
  top: -1.5rem;
  left: 0;
  width: 100%;
  height: 0.5px;
  background-color: #222;
  opacity: 1;
}

/* Add vertical hairlines between digest items (only between left and right columns) */
.digest-item:nth-child(odd)::after {
  content: "";
  position: absolute;
  right: -1.5rem;
  top: -1.5rem;
  width: 0.5px;
  height: calc(100% + 3rem);
  background-color: #222;
  opacity: 1;
}

.digest-item.hidden {
  display: none; /* Completely remove from layout flow */
}

.digest-item.fade-in {
  opacity: 0;
  animation: fadeInUp 0.5s ease-out forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Removed arrow from featured content to clean up design */

/* Removed scrollbar styling since we're using fade transitions */

.digest-item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-bottom: 3rem;
}

.digest-item .digest-image {
  width: 100%;
  height: 32rem; /* Reduced from 38rem for better proportions */
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.digest-item .digest-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.digest-item h4 {
  font-size: 2.2rem; /* Increased from 1.8rem */
  color: var(--color-gray);
  margin-bottom: 0.8rem;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.3;
  flex-grow: 1;
}

.digest-item p {
  font-size: 1.2rem;
  font-weight: 700; /* Made bold */
  color: var(--color-gray);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  margin: 0;
}

/* Scroll Navigation */
.scroll-navigation {
  position: absolute;
  bottom: 0; /* Align with bottom of extended divider */
  left: calc(50% + 1rem); /* Position to the right of the divider, inline with it */
  display: flex;
  justify-content: center;
  gap: 1rem;
  z-index: 5;
}

.scroll-btn {
  background-color: transparent;
  border: none;
  color: #000000;
  width: auto;
  height: auto;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 1;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: 'Mabry Pro', sans-serif;
}

.scroll-btn:hover {
  background-color: #000000;
  color: var(--color-white);
  opacity: 1;
}

.scroll-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.scroll-btn:disabled:hover {
  background-color: transparent;
  color: #000000;
}

/* Vertical separator between pinned and scrollable - separate from horizontal line */
.digest-layout::after {
  content: "";
  position: absolute;
  top: 0; /* Start from content area, not title */
  left: calc(50% - 0.25px);
  height: 85rem; /* Standard height for content area */
  width: 0.5px;
  background-color: #222;
  opacity: 1;
}

.more-link {
  text-align: right;
  margin-top: 3rem;
  padding-right: 1rem;
}

.more-link a {
  font-size: 1.6rem;
  color: var(--color-gray);
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}

.more-link a:hover {
  color: var(--color-red);
}

.more-link a:after {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 1.5rem;
  background-image: url('../images/arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1rem;
  transition: all 0.3s ease;
}

.more-link a:hover:after {
  transform: translateX(0.5rem);
}

/* Podcast Section
================================================== */
.podcast {
  background-color: var(--color-burgundy); /* Changed to darker burgundy */
  color: var(--color-white);
  padding: 8rem 0;
  position: relative; /* Add relative positioning for absolute children */
}

.podcast-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2.5rem !important;
}

.podcast-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.podcast-right {
  align-items: flex-start;
}

.podcast-heading-wrapper {
  position: absolute;
  top: 7rem; /* Move down to overlap image more */
  left: 50%;
  width: 100%;
  max-width: 70rem;
  transform: translateX(-50%);
  z-index: 5;
  pointer-events: none;
  height: 20rem; /* Increase height for more overlap */
}

.podcast-logo {
  position: absolute;
  top: 2.5rem; /* Move logo down to overlap image */
  left: 50%; /* Center horizontally */
  transform: translateX(-50%);
  width: 30rem; /* Size down from 36rem */
  max-width: 100%;
  z-index: 1;
  margin: 0;
  pointer-events: none;
}

.podcast-logo svg {
  width: 100%;
  height: auto;
  display: block;
  fill: var(--color-bright-red) !important;
  /* filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3)); */ /* Removed drop shadow */
}

.podcast-logo svg path {
  fill: var(--color-bright-red) !important;
}

.podcast-heading-wrapper h2 {
  position: absolute;
  top: 11rem; /* Move title down for more overlap */
  left: 50%;
  transform: translateX(-50%);
  font-size: 5.0rem; /* Increased slightly from 4.6rem */
  margin: 0;
  text-transform: uppercase;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  z-index: 2;
  color: var(--color-white);
  pointer-events: none;
}

.podcast-image {
  max-width: 70rem;
  margin: 0 auto;
  position: relative;
  margin-top: 12rem;
}

.podcast-image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: none;
}

.podcast-description {
  position: absolute;
  left: 50%;
  bottom: -6rem; /* Move down more from -4rem */
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 100%;
  z-index: 1;
  pointer-events: none;
}

.podcast-description p {
  font-size: 4.2rem;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.01;
  text-align: center;
  color: var(--color-white);
  /* text-shadow: 0 2px 8px rgba(0,0,0,0.7); */ /* Removed text shadow */
  margin: 0;
  padding: 0 2rem;
}

.podcast-signup {
  width: 100%;
  max-width: 60rem;
  margin-top: 8rem; /* Add more space from 4rem */
}

.podcast-signup h3 {
  font-size: 2rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
  color: var(--color-white); /* Make sure heading is white */
}

.signup-lead {
  color: var(--color-white);
  font-size: 1.3rem;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: pre-line;
  margin-right: 0;
  flex-shrink: 0;
  display: block;
  text-align: center;
  line-height: 1.2;
  align-self: center;
  margin-bottom: 0;
}

.signup-lead br {
  display: block;
  content: "";
  margin-bottom: 0.2em;
}

.signup-form .form-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-wrap: nowrap;
  justify-content: center;
}

.signup-form .input-wrapper {
  position: relative;
  flex-grow: 0;
  min-width: 30rem;
  max-width: 40rem;
  width: 100%;
}

.signup-form input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid var(--color-white);
  color: var(--color-white);
  font-size: 1.8rem;
  padding: 0.5rem 0;
  font-family: 'Mabry Pro', sans-serif;
  text-align: center;
  max-width: 40rem;
  outline: none;
}

.disclaimer {
  font-size: 0.6rem;
  color: #c6333a;
  text-align: center;
  margin-top: 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Footer Section
================================================== */
.footer {
  background-color: var(--color-burgundy); /* Using the burgundy variable */
  color: rgba(255, 255, 255, 0.8);
  padding: 12rem 0; /* Increased from 8rem to make footer taller */
  position: relative;
  display: flex;
  align-items: flex-end; /* Align footer content to bottom */
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 45rem; /* Increased from 30rem to make footer more spacious */
  position: relative; /* Allow absolute positioning of children */
}

.footer-left {
  width: 70%; /* Increased from 60% to take up even more space */
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Logo at top, icons at bottom */
  height: 100%;
  padding-left: 0.5rem; /* Move logo even closer to the left edge */
  align-items: flex-start;
}

.footer-right {
  width: 30%; /* Reduced from 40% to make content move even further left */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-left: 0; /* Remove padding to move content further left */
  margin-left: -4rem; /* Negative margin to pull content even further left */
  padding-right: 0.5rem; /* Match the logo's left padding for symmetrical spacing */
}

.footer-right-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 45rem; /* Increased to match footer-columns height */
}

.footer-logo {
  max-width: 32rem; /* Increased from 25rem to make logo bigger on mobile */
  margin-bottom: 0.5rem; /* Reduced to bring icons even closer to logo */
}

.footer-spacer {
  flex-grow: 1; /* This will push the icons to the bottom */
}

.footer-left-bottom {
  position: absolute; /* Position absolutely within footer-columns */
  bottom: 0; /* Align to bottom of footer-columns */
  left: 0.5rem; /* Match the footer-left padding */
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 0;
}

.social-icons {
  display: flex;
  gap: 2rem;
  margin-bottom: 1rem; /* Reduced spacing before copyright */
  align-items: center;
  margin-left: 0; /* Ensure social icons are aligned with logo */
  padding-left: 0; /* Remove any padding */
}

.social-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Make Substack icon larger to match other icons */
.social-icon img[alt="Substack"] {
  width: 150%; /* Increased from 120% to 150% to make Substack icon even larger */
  height: 150%;
}

.copyright {
  font-size: 1.4rem;
  color: #c6333a;
  margin-left: 0; /* Ensure copyright is aligned with logo and icons */
  font-family: 'Mabry Pro', sans-serif;
  margin-bottom: 0; /* Remove any bottom margin */
  padding-bottom: 0; /* Remove any bottom padding */
}

.footer-contact {
  margin-bottom: 0;
}

.footer-right h3 {
  font-size: 4rem; /* Increased from 3rem to make headings larger */
  color: var(--color-white);
  margin-bottom: 2rem;
  font-weight: 400;
  font-family: "FreightDispCmp Pro", serif;
}

.footer-right p {
  font-size: 1.8rem;
  margin-bottom: 0.05rem; /* Minimal spacing - almost touching */
  color: #c6333a;
  font-family: 'Mabry Pro', sans-serif;
}

.footer-newsletter {
  width: 100%;
  margin-top: 4rem; /* Increased spacing above "Join the Newsletter" section */
}

.newsletter-form .form-group {
  display: flex;
  margin-bottom: 1rem;
  gap: 1rem;
  width: 100%;
  align-items: flex-end; /* Align items to bottom of container */
}

.newsletter-form input {
  background: none;
  border: none;
  border-bottom: 1px solid #c6333a;
  color: #c6333a;
  padding: 0.5rem 0;
  font-size: 1.8rem;
  flex-grow: 1;
  width: 100%;
  max-width: 18rem;
  font-family: 'Mabry Pro', sans-serif;
  outline: none;
}

.newsletter-form input:focus {
  outline: none; /* Remove focus outline */
  border-bottom: 1px solid #c6333a; /* Keep the same border on focus */
}

.newsletter-form input::placeholder {
  color: #c6333a;
}

.newsletter-form .btn {
  background-color: var(--color-bright-red);
  color: var(--color-burgundy);
  text-transform: uppercase;
  border: none;
  padding: 0 2.5rem !important; /* Removed top padding */
  font-size: 1.4rem;
  cursor: pointer;
  border-radius: 0;
  font-weight: 400;
  letter-spacing: 0.05em;
  transition: background-color 0.3s ease;
  font-family: 'Mabry Pro', sans-serif;
  line-height: 1 !important;
  height: 3rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-4px); /* Increased upward shift */
  margin-bottom: 0 !important;
}

.newsletter-form .btn:hover {
  background-color: var(--color-white);
  color: var(--color-burgundy);
}

.disclaimer {
  font-size: 0.5rem; /* Much smaller than the general disclaimer */
  color: #c6333a;
  text-align: left;
  margin-top: 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Custom social icon styles to match the desired design */
.instagram-icon {
  border: 2px solid white;
  border-radius: 4px;
}

/* Specific rule for newsletter disclaimer to make it smaller */
.newsletter-form .disclaimer {
  font-size: 1.4rem; /* Increased from 1.2rem to make it slightly larger */
  color: #c6333a;
  text-align: left;
  margin-top: 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Power of Wisdom Event Section
================================================== */
.power-of-wisdom-event {
  background-color: #ffffff; /* Plain white background */
  padding: 10rem 0 15rem 0; /* Increased bottom padding for more spacing from next section */
}

.event-content {
  display: flex;
  align-items: stretch; /* Make both columns same height */
  gap: 8.4rem; /* Matches Figma 84px item spacing */
  max-width: 178rem; /* Closer to Figma 1781px total width */
  margin: 0 auto;
  min-height: 60rem; /* Set minimum height for proper spacing */
}

.event-left-column {
  flex: 1;
  max-width: 76.85rem; /* Matches Figma 768.5px width */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Push location info to bottom */
  min-height: 100%; /* Ensure full height to create proper spacing */
}

.event-image {
  width: 100%;
  margin-bottom: 8rem; /* Increase spacing to push location info down more */
}

.event-image img {
  width: 85%; /* Make image smaller */
  height: auto;
  display: block;
  /* filter: grayscale(100%) brightness(1.15); */ /* Removed grayscale filter */
  padding-left: 6rem; /* Add even more left padding for white space */
}

.event-details {
  flex: 1;
  max-width: 35rem; /* Make text blocks even narrower for longer text flow */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Push RSVP to bottom */
  min-height: 100%; /* Ensure full height */
}

.event-top-content {
  display: flex;
  flex-direction: column;
  gap: 8rem; /* Increase gap to push RSVP down more */
}

.event-header {
  margin-bottom: 0;
}

.event-label {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 700; /* Make "JOIN OUR NEXT EVENT" bold */
  color: var(--color-bright-red);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 1rem;
}

.event-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 5.2rem; /* Size down title */
  font-weight: 700; /* Bold */
  color: var(--color-bright-red);
  line-height: 1;
  margin: 0;
  letter-spacing: -0.02em; /* Decrease letter spacing */
}

.event-description {
  margin-bottom: 0; /* Remove since we're using flex gap now */
}

.event-description p {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 2.4rem; /* Make font bigger */
  font-weight: 400;
  color: var(--color-bright-red);
  line-height: 1.2; /* Reduced from 1.4 for tighter line spacing */
  margin-bottom: 2rem;
}

.event-description p:last-child {
  margin-bottom: 0; /* Remove bottom margin from last paragraph */
}

.event-info {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* Reduce spacing between location and date blocks */
  max-width: 40rem; /* Make consistent with narrower text blocks */
  margin-bottom: 0;
  padding-left: 6rem; /* Align with image padding */
}

.event-location,
.event-date {
  /* Remove flex: 1 since we're now stacking vertically */
}

.event-info h4 {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-bright-red);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem; /* Reduce spacing below headers */
}

.venue-name,
.date-info {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-bright-red);
  margin-bottom: 0.2rem; /* Tighter spacing between venue/date and address/time */
}

.venue-address,
.time-info {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: var(--color-red);
  margin-bottom: 0;
}

.event-rsvp {
  display: flex;
  flex-direction: column;
  gap: 3.2rem; /* Matches Figma 32px spacing between button and note */
  align-items: flex-start;
  margin-top: 6rem; /* Push RSVP block down more */
}

.rsvp-btn {
  background-color: var(--color-burgundy);
  color: var(--color-white); /* Light text color */
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 400; /* Match footer button weight */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.2rem 4rem 0 4rem; /* Make button wider */
  height: 3rem; /* Match footer button height */
  border: none;
  cursor: pointer;
  border-radius: 0; /* Square corners like footer */
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  margin: 0;
}

.rsvp-btn:hover {
  background-color: var(--color-bright-red);
  color: var(--color-white); /* Keep light text on hover for visibility */
}

.rsvp-note {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--color-red);
  margin: 0;
  max-width: 40rem; /* Make consistent with narrower text blocks */
}

@media (max-width: 992px) {
  .power-of-wisdom-event {
    padding: 8rem 0 12rem 0; /* Increased bottom padding for more spacing */
  }
  
  .event-content {
    flex-direction: column;
    gap: 4rem;
    text-align: center;
  }
  
  .event-left-column {
    max-width: 100%;
    gap: 4rem; /* Reduce gap on medium screens */
  }
  
  .event-details {
    max-width: 100%;
  }
  
  .event-title {
    font-size: 4.8rem;
  }
  
  .event-info {
    max-width: 100%;
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .power-of-wisdom-event {
    padding: 6rem 0;
  }
  
  .event-content {
    gap: 3rem;
    text-align: left !important; /* Left-align all text on mobile */
  }
  
  .event-left-column {
    gap: 3rem; /* Smaller gap on mobile */
  }
  
  .event-details {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  
  /* Reorder elements on mobile */
  .event-header {
    order: 1; /* JOIN OUR NEXT EVENT + THE POWER OF WISDOM */
  }
  
  .event-description {
    order: 2; /* Body text */
  }
  
  .event-info {
    order: 3; /* Date and times */
    flex-direction: column;
    gap: 2rem;
    text-align: left !important; /* Left-align event info */
  }
  
  .event-rsvp {
    order: 4; /* RSVP button */
  }
  
  .event-title {
    font-size: 3.6rem;
  }
  
  .event-label {
    font-size: 1.8rem !important; /* Increased from 1.4rem */
  }
  
  .event-description p {
    font-size: 2.0rem !important; /* Increased from 1.6rem */
    line-height: 1.3 !important; /* Slightly more breathing room */
  }
  
  .event-info h4 {
    font-size: 1.8rem !important; /* Increased from 1.4rem */
  }
  
  .venue-name,
  .date-info {
    font-size: 2.2rem !important; /* Increased from 1.8rem */
  }
  
  .venue-address,
  .time-info {
    font-size: 2.0rem !important; /* Increased from 1.8rem */
  }
  
  .rsvp-note {
    font-size: 1.8rem !important; /* Increased from 1.6rem */
  }
  
  .rsvp-btn {
    width: 100%;
    max-width: 25rem; /* Slightly wider on mobile */
    height: 3rem; /* Keep consistent height */
    padding: 0.2rem 1rem 0 1rem; /* Reduce padding on mobile */
  }
  
  /* Ensure all text elements are left-aligned */
  .event-label,
  .event-title,
  .event-description,
  .event-info h4,
  .venue-name,
  .venue-address,
  .date-info,
  .time-info,
  .rsvp-note {
    text-align: left !important;
  }
}

/* Wisdom Booking Section
================================================== */
.wisdom-booking-section {
  background-color: var(--color-burgundy);
  padding: 12rem 0;
}

.wisdom-booking-section .container {
  max-width: 120rem;
}

.booking-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.booking-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 6.4rem;
  font-weight: 400;
  color: var(--color-white); /* Changed from cream to white */
  line-height: 1.1;
  margin-bottom: 8rem;
  text-align: center;
}

.wisdom-booking-form {
  width: 100%;
  max-width: 120rem; /* Make form wider */
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}

.form-field {
  position: relative;
  display: flex;
  flex-direction: column;
}

.form-field.full-width {
  grid-column: 1 / -1;
  margin-top: 2rem;
}

.wisdom-booking-form input,
.wisdom-booking-form select,
.wisdom-booking-form textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--color-white);
  color: var(--color-white); /* Changed from cream to white */
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  padding: 1.5rem 0;
  outline: none;
  transition: all 0.3s ease;
}

.wisdom-booking-form input::placeholder,
.wisdom-booking-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.7); /* Changed to white with opacity */
}

.wisdom-booking-form input:focus,
.wisdom-booking-form textarea:focus {
  border-bottom-color: var(--color-bright-red);
}

.wisdom-booking-form select:focus {
  border-bottom-color: var(--color-white);
  outline: none;
}

.wisdom-booking-form select {
  appearance: none;
  cursor: pointer;
  padding-right: 3rem;
}

.dropdown-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  color: var(--color-white);
  pointer-events: none;
  font-size: 1.2rem;
  font-weight: normal;
}

.wisdom-booking-form textarea {
  resize: vertical;
  min-height: 15rem;
  border: 1px solid var(--color-white); /* Changed from cream to white */
  padding: 2rem;
  line-height: 1.4;
}

.wisdom-booking-form textarea:focus {
  border-color: var(--color-bright-red);
}

.booking-submit-btn {
  background-color: var(--color-cream);
  color: var(--color-burgundy);
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 1.5rem 4rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  align-self: flex-end;
  margin-top: 2rem;
}

.booking-submit-btn:hover {
  background-color: var(--color-bright-red);
  color: var(--color-white);
}

@media (max-width: 768px) {
  .wisdom-booking-section {
    padding: 8rem 0;
  }
  
  .booking-title {
    font-size: 4.8rem;
    margin-bottom: 6rem;
  }
  
  .form-row {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .wisdom-booking-form input,
  .wisdom-booking-form select,
  .wisdom-booking-form textarea {
    font-size: 1.6rem;
  }
  
  .booking-submit-btn {
    align-self: stretch;
    padding: 1.8rem 2rem;
  }
}

/* Responsive Styles
================================================== */
@media (max-width: 1400px) {
  html {
    font-size: 56.25%; /* 9px = 1rem */
  }
  
  .container {
    max-width: 1200px;
  }
  
  .digest-layout {
    gap: 2rem;
    padding: 0 3rem; /* Reduced padding for medium screens */
  }
  
  .digest-pinned .digest-image {
    height: 65rem; /* Increased from 50rem */
  }
  
  .digest-scroll-wrapper {
    height: 65rem; /* Increased from 50rem */
  }
}

@media (max-width: 992px) {
  html {
    font-size: 50%; /* 8px = 1rem */
  }
  
  .container {
    max-width: 95%;
    padding: 0 4rem 0 4rem; /* Consistent left/right padding on mobile */
  }
  
  .service-columns {
    grid-template-columns: 1fr 1fr;
  }
  
  .digest {
    padding: 8rem 8rem; /* Consistent horizontal padding on tablet */
  }

  .digest h2 {
    font-size: 5.5rem; /* Proportionally smaller on tablet */
    padding-left: 12rem; /* Align with tablet layout */
  }

  .digest h2::after {
    left: 12rem; /* Align with tablet layout */
    width: 70%; /* Shorter hairline on tablet */
  }



  .digest-layout {
    grid-template-columns: 1fr;
    gap: 3rem;
    padding: 0 4rem; /* Increased padding for tablet to match desktop proportions */
    max-width: none;
  }
  
  .digest-layout::after {
    display: none;
  }
  
  .digest-pinned .digest-image {
    height: 55rem; /* Increased from 45rem */
  }
  
  .digest-scroll-wrapper {
    grid-template-columns: 1fr 1fr;
    height: auto; /* Allow natural height on tablet */
    gap: 2rem;
    overflow: hidden; /* Ensure no scrolling on tablet */
  }
  
  .digest-item .digest-image {
    height: 32rem; /* Increased from 25rem to make even longer */
  }
  
  .footer-columns {
    flex-direction: column;
    gap: 6rem;
    position: static; /* Remove relative positioning on mobile */
  }
  
  .footer-left, .footer-right {
    width: 100%;
  }
  
  .footer-right {
    padding-left: 0; /* Remove any existing padding and align with container */
    margin-left: 0; /* Remove negative margin on mobile */
  }
  
  .footer-logo {
    max-width: 20rem;
    padding-top: 1rem;
  }
  
  .footer-left {
    padding-left: 0; /* Align with container padding */
    justify-content: flex-start; /* Stack normally on mobile */
  }
  
  .footer-spacer {
    min-height: 2rem; /* Smaller spacing on mobile */
  }
  
  .footer-left-bottom {
    position: static; /* Remove absolute positioning on mobile */
    margin-top: 0;
    left: auto;
    bottom: auto;
  }
  
  .footer-contact {
    margin-bottom: 3rem; /* Reduced spacing to match newsletter */
  }
  
  .footer-newsletter {
    margin-top: 0; /* Remove extra margin above newsletter on mobile */
  }
  
  .mission-text.speaking-mission {
    font-size: 4.8rem; /* Smaller on tablet */
    padding: 0 6rem; /* Reduced padding for smaller screens */
  }
  
  .stats-content {
    padding: 0 6rem; /* Match mission text tablet padding */
  }
  
  .stats-number {
    font-size: 9rem; /* Smaller on tablet */
  }
  
  .stats-description {
    font-size: 2.8rem; /* Smaller on tablet */
  }
}

@media (max-width: 768px) {
  html {
    font-size: 43.75%; /* 7px = 1rem */
  }
  
  .container {
    padding: 0 3rem 0 3rem; /* Consistent left/right padding on smaller mobile */
  }
  
  .header .container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
  }
  
  .menu-btn {
    order: 1; /* Move menu button to the end */
  }
  
  .logo {
    order: 0; /* Keep logo at the beginning */
  }
  
    .service-columns {
    grid-template-columns: 1fr;
  }

  .digest {
    padding: 8rem 4rem; /* Increased horizontal padding on small mobile */
  }

  .digest h2 {
    font-size: 4rem; /* Proportionally smaller on mobile */
    padding-left: 4rem; /* Minimal padding on mobile */
  }

  .digest h2::after {
    left: 4rem; /* Align with mobile padding */
    width: 70%; /* Consistent shorter hairline on mobile */
  }



  .digest-scroll-wrapper {
    height: auto; /* Allow natural height on mobile */
    overflow: hidden; /* Remove scrolling on mobile */
  }
  
  .digest-item .digest-image {
    height: 38rem; /* Increased from 30rem to make even longer */
  }
  
  .scroll-navigation {
    display: none; /* Hide since we have vertical scrolling */
  }
  
  /* Mobile pinned article adjustments */
  .featured-content-overlay {
    top: 2rem;
    left: 2rem;
    right: 2rem;
  }
  
  .featured-content-overlay h3 {
    font-size: 1.8rem;
  }
  
  .pinned-article-content h4 {
    font-size: 3rem; /* Adjusted for mobile */
  }
  
  .pinned-article-content p {
    font-size: 1.6rem; /* Adjusted for mobile */
  }
  
  .signup-form .form-group {
    flex-direction: column !important;
  }
  
  .footer-logo {
    max-width: 32rem; /* Increased from 25rem to make logo bigger on mobile */
    margin-bottom: 2rem; /* Reduced spacing */
  }
  
  .footer-left {
    justify-content: flex-start; /* Stack normally on mobile */
  }
  
  .footer-spacer {
    min-height: 1rem; /* Even smaller spacing on smaller mobile */
  }
  
  .footer-left-bottom {
    position: static; /* Remove absolute positioning on mobile */
    margin-top: 0;
    left: auto;
    bottom: auto;
  }
  
  .newsletter-form .form-group {
    flex-direction: row;
  }
  
  .newsletter-form .btn {
    white-space: nowrap;
    padding: 0.2rem 1.5rem 0 1.5rem !important; /* Add slight top padding to lower text */
    line-height: 1 !important; /* Force minimal line height */
    height: 3rem !important; /* Slightly taller to align with input text */
    display: flex !important; /* Use flexbox for centering */
    align-items: center !important; /* Center text vertically */
    justify-content: center !important; /* Center text horizontally */
    align-self: flex-end !important; /* Align with bottom of input field */
    text-align: center !important; /* Force text centering */
  }
  
  .testimonials {
    padding: 8rem 0;
  }

  .testimonial-card {
    padding: 4rem 2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .quote {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
  }
  
  .quote-mark {
    display: none;
  }
  
  .quote p {
    font-size: 4.2rem;
    line-height: 1.1;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    width: 100%;
    height: auto;
  }
  
  .testimonial-author h4 {
    font-size: 1.8rem;
    width: 100%;
    height: auto;
  }
  
  .podcast-description p {
    font-size: 2.2rem;
  }
  
  .mission-text.speaking-mission {
    font-size: 4rem; /* Even smaller on mobile */
    padding: 0 3rem; /* Minimal padding for mobile */
  }
  
  .stats-content {
    padding: 0 6rem; /* Match public speaking section mobile padding */
    text-align: center; /* Center align on mobile */
  }
  
  .stats-number {
    font-size: 7rem; /* Smaller on mobile */
  }
  
  .stats-description {
    font-size: 2.4rem; /* Smaller on mobile */
    max-width: 100%; /* Full width on mobile */
  }
}

@media (max-width: 576px) {
  .container {
    padding: 0 2rem;
  }
  
  .nav ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .digest {
    padding: 8rem 2rem; /* Minimal horizontal padding on small mobile */
  }

  .digest h2 {
    font-size: 3rem; /* Proportionally smaller on small mobile */
    padding-left: 0; /* No padding on small mobile */
  }

  .digest h2::after {
    left: 0; /* No left offset on small mobile */
    width: 80%; /* Much longer on small mobile */
  }



  .digest-layout {
    gap: 2rem;
    padding: 0 1rem; /* Added minimal padding for mobile */
    max-width: none;
  }
  
  .digest-pinned .digest-image {
    height: 45rem; /* Increased from 35rem */
  }
  
  .featured-content-overlay {
    top: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
  }
  
  .featured-content-overlay h3 {
    font-size: 1.6rem;
  }
  
  .pinned-article-content h4 {
    font-size: 3rem; /* Adjusted for small mobile */
  }
  
  .pinned-article-content p {
    font-size: 1.6rem; /* Adjusted for small mobile */
  }
  
  .digest-item h4 {
    font-size: 2rem; /* Increased from 1.6rem to match proportional increase */
  }
  
  .scroll-btn {
    width: 3.5rem;
    height: 3.5rem;
  }
  
  .testimonials {
    padding: 6rem 0;
  }

  .testimonial-card {
    padding: 4rem 1rem;
  }

  .quote {
    flex-direction: column;
    gap: 1rem;
  }
  
  .quote p {
    font-size: 2.8rem; /* Smaller but still proportional to wisdom quote */
  }
  
  .quote-mark {
    align-self: center;
  }
  
  .quote-mark.right {
    align-self: center;
  }
}

.signup-form input::placeholder {
  color: var(--color-white);
  opacity: 1;
}

.signup-form .btn {
  background-color: var(--color-white);
  color: var(--color-burgundy);
  white-space: nowrap;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 600;
  padding: 1.2rem 2.5rem;
  font-size: 1.5rem;
  margin-left: 0;
}

.signup-form .btn:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--color-burgundy);
}

/* Overlay Menu Styles */
.menu-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  z-index: 200;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  margin: 0; /* Reset any default margins */
}

.menu-text {
  color: var(--color-red);
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Mabry Pro', sans-serif;
  transition: color 0.3s ease;
}

.menu-plus {
  color: var(--color-red);
  font-size: 2.4rem;
  font-weight: 700;
  font-family: 'Mabry Pro', sans-serif;
  line-height: 1;
  transition: all 0.3s ease;
  transform-origin: center;
  vertical-align: top;
  margin-top: -0.2rem;
  /* Force consistent font rendering across browsers */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-variant-numeric: normal;
}

/* Firefox-specific styling */
@-moz-document url-prefix() {
  .menu-plus {
    font-weight: 900;
    text-shadow: 0 0 0.3px currentColor;
  }
}

.menu-btn:hover .menu-text,
.menu-btn:hover .menu-plus {
  color: var(--color-dark-red);
}

/* Active state - rotate plus to X */
.menu-btn.active .menu-plus {
  transform: rotate(45deg);
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(20, 20, 20, 0.98);
  color: var(--color-white);
  z-index: 9999999999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  visibility: hidden;
}

.menu-overlay.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

/* Overlay Header - Mirror main header structure */
.overlay-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  padding: 2rem 0; /* Match main header padding */
  background-color: transparent;
  border-bottom: none;
}

.overlay-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.overlay-header .logo {
  max-width: 25rem;
  display: flex;
  align-items: center;
  opacity: 0; /* Make logo invisible but keep space */
}

.overlay-header .logo img {
  width: 100%;
  height: auto;
  display: block;
  /* Make logo white for overlay */
  filter: brightness(0) invert(1);
}

.close-menu {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; /* Match menu button gap */
  z-index: 99999999;
  font-family: 'Mabry Pro', sans-serif; /* Match menu button font */
  font-weight: 700; /* Match menu button weight */
  text-transform: uppercase; /* Match menu button transform */
  letter-spacing: 0.05em; /* Match menu button spacing */
  transition: all 0.3s ease; /* Match menu button transition */
  margin: 0; /* Reset any default margins */
  transform: translateX(-2.2rem); /* Move close to the left using transform */
}

.close-text {
  color: #c6333a; /* Light red color to match overlay theme */
  font-size: 2rem; /* Match menu-text size */
  font-weight: 700; /* Match overlay nav buttons weight */
  font-family: 'Mabry Pro', sans-serif; /* Match overlay nav buttons font */
  text-transform: uppercase; /* Match overlay nav buttons */
  letter-spacing: 0.08em; /* Match overlay nav buttons */
  transition: color 0.3s ease;
}

.close-x {
  color: #c6333a; /* Light red color to match overlay theme */
  font-size: 2.4rem; /* Match exact font size of menu-plus */
  font-weight: 700;
  font-family: 'Mabry Pro', sans-serif;
  line-height: 1;
  transition: all 0.3s ease;
  transform-origin: center;
  vertical-align: top;
  margin-top: 0.3rem; /* Move down more */
  /* Force consistent font rendering across browsers */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-variant-numeric: normal;
  /* Rotate + by 45 degrees to make it look like X and move left */
  transform: rotate(45deg) translateX(-0.3rem);
}

/* Firefox-specific styling */
@-moz-document url-prefix() {
  .close-x {
    font-weight: 900;
    text-shadow: 0 0 0.3px currentColor;
    margin-top: 0.35rem; /* Fine-tune alignment for Firefox */
  }
}

.close-menu:hover .close-text,
.close-menu:hover .close-x {
  color: var(--color-bright-red);
}

.overlay-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.overlay-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}

.overlay-nav a {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 4rem;
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  transition: color 0.2s;
}

.overlay-nav a:hover,
.overlay-nav a:focus {
  color: var(--color-bright-red);
  outline: none;
}

@media (max-width: 768px) {
  .overlay-nav a {
    font-size: 2.4rem;
  }
  .close-menu {
    top: 2rem;
    right: 2rem;
    font-size: 3.5rem;
  }
}

/* Hide nav in header (if any) */
.header .nav { display: none !important; }

/* Overlay Menu Two-Column Layout */
.menu-overlay {
  background: #620A19;
  color: #c6333a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

/* Homepage Specific Styling to Match HTML
================================================== */

/* Hero Section Overrides for Homepage */
.template-index .image-banner {
  background-color: var(--color-white) !important;
  padding: 14rem 0 7rem !important;
  min-height: 80vh !important;
  display: flex !important;
  align-items: center !important;
}

.template-index .image-banner__heading {
  color: var(--color-red) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-family: 'Mabry Pro', sans-serif !important;
  font-size: 4.95rem !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em !important;
  position: absolute !important;
  bottom: 8.55rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 1 !important;
  width: 100% !important;
  text-align: center !important;
}

/* Homepage Digest Section Styling */
.template-index .digest-section {
  background-color: var(--color-white) !important;
  padding: 8rem 0 !important;
}

.template-index .digest-header h2 {
  font-size: 7rem !important;
  color: var(--color-gray) !important;
  text-align: left !important;
  margin-bottom: 4rem !important;
  font-weight: 400 !important;
  font-family: "FreightDispCmp Pro", serif !important;
}

.template-index .msh-part {
  font-family: 'Mabry Pro', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.85em !important;
  letter-spacing: -0.02em !important;
}

.template-index .digest-part {
  font-family: "FreightDispCmp Pro", serif !important;
  font-weight: 400 !important;
}

.template-index .digest-content {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 4rem !important;
  position: relative !important;
  margin-bottom: 4rem !important;
}

.template-index .digest-featured-image {
  width: 100% !important;
  height: 75rem !important;
  overflow: hidden !important;
  position: relative !important;
  margin-bottom: 2.5rem !important;
}

.template-index .digest-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.template-index .featured-overlay {
  position: absolute !important;
  top: 3rem !important;
  left: 3rem !important;
  right: 3rem !important;
  z-index: 1 !important;
}

.template-index .featured-label {
  font-size: 1.7rem !important;
  color: var(--color-white) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-family: 'Mabry Pro', sans-serif !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.template-index .digest-featured-text h3 {
  font-size: 4.5rem !important;
  color: var(--color-gray) !important;
  margin-bottom: 2rem !important;
  font-family: "FreightDispCmp Pro", serif !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
}

.template-index .content-type {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--color-gray) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-family: 'Mabry Pro', sans-serif !important;
}

.template-index .digest-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3rem !important;
  position: relative !important;
}

.template-index .digest-item img {
  width: 100% !important;
  height: 32rem !important;
  object-fit: cover !important;
  margin-bottom: 1.5rem !important;
}

.template-index .digest-item-content h4 {
  font-size: 2.2rem !important;
  color: var(--color-gray) !important;
  margin-bottom: 0.8rem !important;
  font-family: "FreightDispCmp Pro", serif !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

/* Homepage Podcast Section Styling */
.template-index .podcast-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

.template-index .podcast-heading-wrapper {
  position: absolute !important;
  top: 7rem !important;
  left: 50% !important;
  width: 100% !important;
  max-width: 70rem !important;
  transform: translateX(-50%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
  height: 20rem !important;
}

.template-index .podcast-logo {
  position: absolute !important;
  top: 2.5rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30rem !important;
  max-width: 100% !important;
  z-index: 1 !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.template-index .podcast-logo svg {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  fill: var(--color-bright-red) !important;
}

.template-index .podcast-heading-wrapper h2 {
  position: absolute !important;
  top: 11rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  font-size: 5.0rem !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  font-family: 'Mabry Pro', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  z-index: 2 !important;
  color: var(--color-white) !important;
  pointer-events: none !important;
}

.template-index .podcast-image {
  max-width: 70rem !important;
  margin: 12rem auto 0 !important;
  position: relative !important;
}

.template-index .podcast-image img {
  width: 100% !important;
  height: auto !important;
  border-radius: 4px !important;
}

.template-index .podcast-description {
  position: absolute !important;
  left: 50% !important;
  bottom: -6rem !important;
  transform: translate(-50%, 0) !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.template-index .podcast-description p {
  font-size: 4.2rem !important;
  font-family: "FreightDispCmp Pro", serif !important;
  font-weight: 400 !important;
  line-height: 1.01 !important;
  text-align: center !important;
  color: var(--color-white) !important;
  margin: 0 !important;
  padding: 0 2rem !important;
}

.template-index .podcast-cta {
  font-size: 2rem !important;
  margin: 8rem 0 2rem 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-family: 'Mabry Pro', sans-serif !important;
  font-weight: 500 !important;
  color: var(--color-white) !important;
  text-align: center !important;
}

.overlay-menu-content {
  display: flex;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  padding-top: 8rem; /* Account for overlay header */
  position: relative;
}

.overlay-menu-left, .overlay-menu-right {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.overlay-menu-left {
  align-items: center; /* Center the navigation menu */
  justify-content: center;
  gap: 0.5rem; /* Tight spacing between nav and contact */
}

.overlay-menu-right {
  position: relative;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-left: 4rem; /* Add padding to center relative to the divider */
}

.hover-image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.overlay-brand {
  position: relative;
  z-index: 2;
  margin-bottom: 2rem;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: 4rem; /* Balance the padding with left side */
}

.overlay-brand a {
  color: #c6333a;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-block;
  position: relative;
  z-index: 5;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  cursor: pointer;
}

.overlay-brand a:hover {
  color: var(--color-white);
}

/* Hover Image Container */
.hover-image-container {
  width: 30rem; /* Slightly larger width */
  height: 42rem; /* Slightly larger height, maintaining portrait ratio */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 5; /* Ensure it appears above the text */
}

.hover-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Menu hover images - Using Shopify asset_url */

.overlay-divider {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 1px;
  height: 60vh;
  background: #c6333a;
  opacity: 1; /* Make divider fully visible */
  z-index: 1; /* Ensure it's visible above background */
}

.overlay-nav ul {
  gap: 0.8rem; /* Decrease spacing between buttons */
  align-items: center; /* Center the navigation items */
  padding-bottom: 0; /* Remove padding to get precise spacing */
  margin-bottom: 0; /* Remove any bottom margin */
}

.overlay-nav a {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.6rem;
  color: #c6333a;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  transition: color 0.2s;
  text-align: center; /* Center the text */
}

.overlay-nav a:hover,
.overlay-nav a:focus {
  color: var(--color-white);
}

/* Show image container on any menu item hover - using parent selector */
.overlay-menu-left:hover ~ .overlay-menu-right .hover-image-container {
  opacity: 1;
}

/* Show specific images on hover using data attributes */
.overlay-menu-content:has(.overlay-nav a[href*="about"]:hover) .hover-image.about {
  opacity: 1;
}

.overlay-menu-content:has(.overlay-nav a[href*="podcast"]:hover) .hover-image.podcast {
  opacity: 1;
}

.overlay-menu-content:has(.overlay-nav a[href*="speaking"]:hover) .hover-image.speaking {
  opacity: 1;
}

.overlay-menu-content:has(.overlay-nav a[href*="wisdom"]:hover) .hover-image.wisdom {
  opacity: 1;
}

.overlay-menu-content:has(.overlay-nav a[href*="digest"]:hover) .hover-image.digest {
  opacity: 1;
}

.overlay-nav .podcast-font {
  font-size: 3.2rem; /* Made smaller than 5rem */
  font-family: "FreightDispCmp Pro", serif; /* Changed to serif font */
  font-weight: 300; /* Make podcast font thinner */
}

.overlay-contact {
  margin-top: 4rem; /* Add significant top margin to move it down */
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center; /* Center the contact info */
  color: #c6333a; /* Make text light red */
  font-size: 1.6rem; /* Increase font size */
  line-height: 1.3; /* Tighter line height */
}

.overlay-contact a {
  color: #c6333a; /* Make email link light red */
  text-decoration: none;
}

.overlay-brand {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #c6333a;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: left;
  cursor: pointer;
}

.overlay-brand a {
  color: #c6333a;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-block;
  padding: 0.5rem 0;
  position: relative;
  z-index: 5;
}

.overlay-brand a:hover {
  color: var(--color-white);
}

.close-menu {
  color: #c6333a;
  font-size: 5rem; /* Made bigger and thinner */
  font-weight: 50; /* Made even thinner */
  top: 2.5rem; /* Move down and align with nav button */
  right: 3rem; /* Move more to the right to match sandwich button */
  width: 7rem; /* Made bigger to accommodate larger text */
  height: 7rem; /* Made bigger to accommodate larger text */
}

@media (max-width: 900px) {
  .overlay-menu-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding-top: 4rem; /* Reduced padding to move content up */
  }
  .overlay-menu-left {
    position: static;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .overlay-menu-right {
    display: none; /* Hide right side on mobile */
  }
  .overlay-divider {
    display: none; /* Hide divider on mobile */
  }
  .overlay-nav {
    align-items: center;
    width: 100%;
  }
  .overlay-nav ul {
    align-items: center;
    text-align: center;
    gap: 2rem; /* Larger spacing for mobile */
    width: 100%;
  }
  .overlay-nav a {
    font-size: 4.5rem; /* Much larger for mobile */
    font-weight: 700;
    text-align: center;
  }
  .overlay-nav .podcast-font {
    font-size: 5.5rem; /* Larger podcast font for mobile */
  }
  .overlay-contact {
    margin-top: 3rem;
    font-size: 2.2rem; /* Larger contact font for mobile */
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .overlay-menu-content {
    padding: 8rem 0 0 2rem; /* Adjust padding for smaller screens */
  }
  .overlay-nav a {
    font-size: 4rem; /* Large mobile menu text */
  }
  .overlay-nav .podcast-font {
    font-size: 5rem; /* Large podcast font for smaller mobile */
  }
  .overlay-nav ul {
    gap: 1.5rem; /* Slightly tighter spacing on small mobile */
  }
  .overlay-contact {
    font-size: 2rem; /* Contact font for smaller mobile */
    margin-top: 2.5rem;
  }
}

/* Podcast Hero Section
================================================== */
.podcast-hero {
  background: #FEFFFA;
  padding: 12rem 0 8rem 0;
  min-height: 70vh;
  display: flex;
  align-items: center;
}
.podcast-hero-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6rem;
  flex-wrap: wrap;
}
.podcast-hero-text {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 28rem;
}
.podcast-title {
  font-family: 'FreightDispCmp Pro', serif;
  font-size: 7rem;
  color: #5b1622;
  font-weight: 400;
  margin-bottom: 2rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.podcast-subtitle {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.4rem;
  color: #c6333a;
  font-weight: 700;
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.podcast-desc {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  color: #5b1622;
  font-weight: 400;
  margin-bottom: 0;
  max-width: 40rem;
}
.podcast-hero-image {
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28rem;
}
.podcast-hero-image img {
  width: 100%;
  max-width: 38rem;
  border-radius: 8px;
  box-shadow: 0 4px 32px rgba(91, 22, 34, 0.08);
}
@media (max-width: 900px) {
  .podcast-hero-content {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }
  .podcast-hero-text, .podcast-hero-image {
    min-width: 0;
    width: 100%;
    align-items: center;
    text-align: center;
  }
  .podcast-title {
    font-size: 4rem;
  }
  .podcast-subtitle {
    font-size: 1.6rem;
  }
  .podcast-desc {
    font-size: 1.3rem;
    max-width: 100%;
  }
  .podcast-hero-image img {
    max-width: 90vw;
  }
}

@media (max-width: 768px) {
  .podcast-hero {
    padding: 8rem 0 5rem 0; /* Reduced padding on mobile for tighter spacing */
  }
  
  .podcast-hero-content {
    gap: 2rem; /* Further reduced gap between elements */
  }
  
  .mission {
    padding: 4rem 4rem 8rem 4rem; /* Reduced top padding on mobile */
  }
}

/* Podcast Episodes Section
================================================== */
.podcast-episodes {
  background-color: var(--color-burgundy);
  color: var(--color-white);
  padding: 6rem 0;
  max-width: none;
  margin: 0;
}
.podcast-content {
  max-width: 1400px; /* Increased from 1000px to make it wider */
  margin: 0 auto 3rem auto;
  gap: 2.5rem;
  padding: 0 4rem; /* Match exact padding of mission text */
  box-sizing: border-box; /* Ensure consistent box model */
}
.episodes-slider {
  overflow: visible;
}

.podcast-layout {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

.podcast-content {
  display: flex;
  flex-direction: row;
  gap: 6rem;
  align-items: flex-start;
}

/* Ensure podcast episodes section maintains side-by-side layout on desktop */
@media (min-width: 769px) {
  .podcast-episodes .podcast-content {
    display: flex !important;
    flex-direction: row !important;
    gap: 6rem !important;
    align-items: flex-start !important;
  }
  
  .podcast-episodes .podcast-left {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }
  
  .podcast-episodes .podcast-right {
    flex: 1 !important;
    max-width: 55% !important;
  }
}

.podcast-episodes .podcast-left {
  flex: 0 0 45%;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 45%;
}

.podcast-episodes .podcast-right {
  flex: 1;
  align-items: flex-start;
  max-width: 55%;
}

.podcast-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.5rem;
  font-weight: 400;
  color: var(--color-white);
  line-height: 1.0;
  margin-bottom: 0;
  text-align: left;
  text-transform: none;
}

.podcast-body-text {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
  text-align: left;
}

.podcast-body-text p {
  margin-bottom: 2rem;
}

.podcast-body-text p:last-child {
  margin-bottom: 0;
}

.podcast-slider-section {
  width: 100vw; /* Full viewport width */
  margin-left: calc(-50vw + 50%); /* Break out of container */
  position: relative;
}

.episodes-slider {
  position: relative;
  overflow: hidden;
  margin-bottom: 4rem;
  width: 100%;
}

.slider-track {
  display: flex;
  transition: transform 0.5s ease;
  gap: 2rem;
  width: auto;
  max-width: none;
  margin: 0;
  padding-left: 12rem; /* Initial left padding for first state */
}

.episode-card {
  width: 60rem;
  height: 80rem;
  max-width: none;
  flex: 0 0 60rem;
  display: block;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.episode-card:hover {
  transform: scale(1.02);
}

.episode-image {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.episode-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.episode-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4rem;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}

.episode-guest {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-white);
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.episode-quote {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 3.2rem;
  font-weight: 400;
  color: var(--color-white);
  line-height: 1.2;
  margin-bottom: 2rem;
  font-style: normal;
}

.episode-number {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.episode-link {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.2rem; /* Reduced from 1.6rem to make button smaller */
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0.6rem 1.2rem; /* Reduced from 0.8rem 1.5rem to make button smaller */
  border-radius: 4px;
  transition: all 0.3s ease;
  display: inline-block;
}

.episode-link:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--color-white);
  transform: translateY(-2px);
}

.slider-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.slider-btn {
  background: none;
  border: 2px solid var(--color-white);
  color: var(--color-white);
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.slider-btn:hover {
  background-color: var(--color-white);
  color: var(--color-burgundy);
}

.slider-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.slider-dots {
  display: flex;
  gap: 1rem;
}

.slider-dots .dot {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: none;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}

.slider-dots .dot.active {
  background-color: var(--color-white);
}

.slider-dots .dot:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 992px) {
  .podcast-episodes {
    padding: 10rem 6rem;
  }
  
  .podcast-layout {
    gap: 4rem;
  }
  
  .podcast-content {
    gap: 4rem;
  }
  
  .podcast-episodes .podcast-content {
    display: flex !important;
    flex-direction: row !important;
    gap: 4rem !important;
  }
  
  .podcast-title {
    font-size: 4.2rem;
    line-height: 0.95;
    text-align: left;
  }
  
  .podcast-body-text {
    font-size: 2rem;
    text-align: left;
  }
  
  .slider-track {
    padding-left: 6rem; /* Reduced padding for tablet */
  }
  
  .episode-card {
    flex: 0 0 calc(75% - 1rem);
  }
  
  .episode-image {
    height: 80rem;
  }
  
  .episode-guest {
    font-size: 1.8rem;
  }
  
  .episode-quote {
    font-size: 2.8rem;
  }
  
  .episode-number {
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .podcast-episodes {
    padding: 6rem 3rem;
  }
  
  .podcast-layout {
    gap: 3rem;
  }
  
  .podcast .podcast-content {
    display: block; /* Stack content vertically on mobile - only for index page */
    gap: 0;
  }
  
  .podcast-episodes .podcast-content {
    display: flex !important; /* Keep side-by-side layout on podcast page even on mobile */
    flex-direction: row !important;
    gap: 3rem !important;
  }
  
  .podcast-title {
    font-size: 3.4rem;
    line-height: 0.9;
    text-align: left;
  }
  
  .podcast-body-text {
    font-size: 1.8rem;
    text-align: left;
    margin-top: 3rem; /* Add spacing between stacked elements */
  }
  
  .slider-track {
    padding-left: 3rem; /* Minimal padding for mobile */
  }
  
  .episode-card {
    flex: 0 0 calc(85% - 1rem);
  }
  
  .episode-image {
    height: 70rem;
  }
  
  .episode-overlay {
    padding: 3rem;
  }
  
  .episode-guest {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
  
  .episode-quote {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
  }
  
  .episode-number {
    font-size: 1.2rem;
  }
  
  .slider-controls {
    gap: 2rem;
  }
  
  .slider-btn {
    width: 4rem;
    height: 4rem;
    font-size: 1.6rem;
  }
} 

/* More Episodes Section
================================================== */
.more-episodes {
  background-color: var(--color-white);
  padding: 10rem 12rem;
}

.more-episodes-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-black);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6rem;
}

.episodes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem; /* Further reduced for tighter spacing */
}

.episode-grid-item {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.episode-grid-item:hover {
  opacity: 0.7; /* Color change effect instead of bounce */
}

.episode-grid-image {
  width: 100%;
  height: 50rem; /* Increased from 45rem to make tiles taller */
  overflow: hidden;
  margin-bottom: 2rem;
}

.episode-grid-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.episode-grid-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 2.4rem;
  font-weight: 400;
  color: var(--color-black);
  line-height: 1.2;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.episode-grid-category {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--color-gray);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

@media (max-width: 992px) {
  .more-episodes {
    padding: 8rem 6rem;
  }
  
  .episodes-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem; /* Further reduced for tighter spacing */
  }
  
  .episode-grid-image {
    height: 44rem; /* Increased from 40rem to make tiles taller */
  }
  
  .episode-grid-title {
    font-size: 2.6rem;
  }
  
  .episode-grid-category {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  .more-episodes {
    padding: 6rem 3rem;
  }
  
  .more-episodes-title {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
  
  .episodes-grid {
    grid-template-columns: 1fr;
    gap: 1.2rem; /* Further reduced for tighter spacing */
  }
  
  .episode-grid-image {
    height: 38rem; /* Increased from 35rem to make tiles taller */
  }
  
  .episode-grid-image img {
    object-position: center 20%; /* Crop more from top to show faces better on mobile */
  }
  
  .episode-grid-title {
    font-size: 2.4rem;
  }
  
  .episode-grid-category {
    font-size: 1.6rem;
  }
}

/* Public Speaking Section
================================================== */
.public-speaking {
  background-color: var(--color-off-white);
  padding: 10rem 20rem 10rem 20rem;
  color: var(--color-dark-red);
  position: relative;
}

.speaking-layout {
  display: grid;
  grid-template-columns: 1fr 60rem;
  gap: 4rem;
  align-items: center;
  margin-bottom: 8rem;
  position: relative;
  justify-items: center;
}

.speaking-content {
  display: flex;
  flex-direction: column;
  padding-right: 2rem;
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-left: 0rem;
  max-width: 45rem;
}

.speaking-section-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 4.5rem;
  font-weight: 700;
  color: var(--color-dark-red);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 3rem;
  position: relative;
  z-index: 3;
  margin-right: 0;
  margin-left: 0;
  white-space: nowrap;
}

.speaking-description p {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: var(--color-dark-red);
  line-height: 1.6;
  margin: 0;
}

.speaking-image {
  width: 60rem;
  height: 85rem;
  overflow: hidden;
  position: relative;
}

.speaking-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.speaking-topics {
  text-align: left;
  padding-right: 12rem;
  margin-left: 0rem;
  margin-bottom: 12rem;
  position: relative;
}

.topics-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--color-dark-red);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
}

.topics-main-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem;
  font-weight: 400;
  color: var(--color-dark-red);
  line-height: 0.95;
  margin-bottom: 4rem;
  max-width: 90%;
}

.book-martha {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 2rem;
  text-align: left;
}

.book-link {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-dark-red);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: opacity 0.3s ease;
}

.book-link:hover {
  opacity: 0.8;
}

@media (max-width: 992px) {
  .public-speaking {
    padding: 8rem 6rem;
  }
  
  .speaking-layout {
    grid-template-columns: 1fr 45rem;
    gap: 4rem;
    text-align: left;
  }
  
  .speaking-content {
    padding-right: 0;
    margin-top: 0;
    margin-left: 0rem;
    max-width: none;
  }
  
  .speaking-topics {
    padding-right: 0;
    margin-left: 0rem;
  }
  
  .speaking-section-title {
    font-size: 2.8rem;
    margin-right: 0;
    margin-left: 0;
  }
  
  .speaking-description p {
    font-size: 1.6rem;
  }
  
  .speaking-image {
    width: 45rem;
    height: 60rem;
  }
  
  .speaking-topics {
    text-align: left;
  }
  
  .topics-main-title {
    font-size: 7rem;
    max-width: 100%;
  }
  
  .book-link {
    font-size: 1.6rem;
  }
}

/* Logos Section
================================================== */
.logos-section {
  background-color: #7A0C1F;
  padding: 8rem 20rem;
  color: #E9E9E9;
}

.logos-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  color: #E9E9E9;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 6rem;
  text-align: left;
  margin-left: 0rem; /* Align with other sections */
}

.logos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6rem;
  align-items: center;
  justify-items: center;
  margin-left: 0rem; /* Align with other sections */
  max-width: 100%;
}

.logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  width: 100%;
}

.logo-item img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1); /* Make logos white */
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

.logo-item:hover img {
  opacity: 1;
}

@media (max-width: 992px) {
  .logos-section {
    padding: 6rem 10rem;
  }
  
  .logos-title {
    font-size: 1.6rem;
    margin-bottom: 4rem;
    margin-left: 0rem; /* Align with other sections on tablet */
    text-align: left;
  }
  
  .logos-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
    margin-left: 0rem; /* Align with other sections on tablet */
  }
  
  .logo-item {
    height: 6rem;
  }
}

@media (max-width: 768px) {
  .logos-section {
    padding: 4rem 6rem;
  }
  
  .logos-title {
    font-size: 1.4rem;
    margin-bottom: 3rem;
    margin-left: 0rem; /* Align with other sections on mobile */
    text-align: left;
  }
  
  .logos-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-left: 0rem; /* Align with other sections on mobile */
  }
  
  .logo-item {
    height: 5rem;
  }
}

/* Press Kit Section
================================================== */
.press-kit-section {
  background-color: #7A0C1F;
  padding: 8rem 20rem;
  color: #E9E9E9;
}

.press-kit-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.press-kit-image {
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
}

.press-kit-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.press-kit-cta {
  margin-top: 0rem;
}

.press-kit-link {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E9E9E9;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: opacity 0.3s ease;
  display: inline-block;
  padding: 1.5rem 0;
}

.press-kit-link:hover {
  opacity: 0.8;
}

@media (max-width: 992px) {
  .press-kit-section {
    padding: 6rem 10rem;
  }
  
  .press-kit-image {
    margin-bottom: 1.5rem;
  }
  
  .press-kit-link {
    font-size: 1.6rem;
  }
}

@media (max-width: 768px) {
  .press-kit-section {
    padding: 4rem 6rem;
  }
  
  .press-kit-image {
    margin-bottom: 1rem;
  }
  
  .press-kit-link {
    font-size: 1.4rem;
  }
}

/* Services Section
================================================== */
.services-section {
  background-color: #620A19;
  padding: 8rem 20rem 12rem 20rem;
  color: #E9E9E9;
}

.services-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8rem;
  align-items: flex-start;
}

.services-left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.services-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 8rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 1.1;
  margin: 0;
  padding-bottom: 1rem;
  position: relative;
  display: inline;
  text-decoration: underline;
  text-decoration-color: #E9E9E9;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.8rem;
}

.services-right {
  display: flex;
  align-items: flex-start;
  padding-top: 2rem;
}

.services-description {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 992px) {
  .services-section {
    padding: 6rem 10rem 9rem 10rem;
  }
  
  .services-content {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  
  .services-title {
    font-size: 6rem;
  }
  
  .services-description {
    font-size: 2rem;
  }
  
  .services-right {
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .services-section {
    padding: 4rem 6rem 7rem 6rem;
  }
  
  .services-content {
    gap: 3rem;
  }
  
  .services-title {
    font-size: 4.5rem;
  }
  
  .services-description {
    font-size: 1.8rem;
  }
}

/* Wisdom Exchange Section
================================================== */
.wisdom-exchange-section {
  background-color: #F5F5F5;
  padding: 0;
  color: #000000;
  min-height: 100vh;
}

.wisdom-exchange-section .container {
  max-width: none;
  padding: 0;
  margin: 0;
}

.wisdom-exchange-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  align-items: stretch;
  min-height: 100vh;
}

.wisdom-exchange-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wisdom-exchange-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wisdom-exchange-text {
  padding: 6rem 6rem 6rem 6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: #F5F5F5;
}

.wisdom-exchange-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 12rem;
  font-weight: 400;
  color: #000000;
  line-height: 0.8;
  margin: 0;
}

.wisdom-exchange-subtitle {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: 2rem;
  line-height: 1.1;
  text-align: left;
}

.wisdom-exchange-description {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.8rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.0;
  margin: 0;
  font-style: normal;
}

@media (max-width: 992px) {
  .wisdom-exchange-section {
    padding: 0;
    min-height: auto;
  }
  
  .wisdom-exchange-content {
    grid-template-columns: 1fr;
    gap: 0;
    min-height: auto;
  }
  
  .wisdom-exchange-text {
    padding: 4rem 4rem 4rem 4rem;
  }
  
  .wisdom-exchange-title {
    font-size: 8rem;
  }
  
  .wisdom-exchange-subtitle {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
  
  .wisdom-exchange-description {
    font-size: 3.2rem;
  }
}

@media (max-width: 768px) {
  .wisdom-exchange-section {
    padding: 0;
  }
  
  .wisdom-exchange-content {
    gap: 0;
  }
  
  .wisdom-exchange-text {
    padding: 3rem 3rem 3rem 3rem;
    justify-content: center;
    gap: 3rem;
  }
  
  .wisdom-exchange-title {
    font-size: 6rem;
    margin: 0;
  }
  
  .wisdom-exchange-subtitle {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
  
  .wisdom-exchange-description {
    font-size: 2.4rem;
  }
}

/* Wisdom Stats Section
================================================== */
.wisdom-stats {
  background-color: var(--color-burgundy);
  padding: 8rem 0;
  text-align: left;
}

.wisdom-stats .stats-content {
  max-width: 160rem;
  margin: 0 auto;
  padding: 0 12rem;
}

.wisdom-stats .stats-label {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #E9E9E9;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 2rem 1rem;
}

.wisdom-stats .stats-number {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 0.8;
  margin: 0 0 1rem 1rem;
}

.wisdom-stats .stats-description {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.2rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 0.9;
  margin: 0 0 0 1rem;
  max-width: 80rem;
}

@media (max-width: 768px) {
  .public-speaking {
    padding: 6rem 3rem;
  }
  
  .speaking-layout {
    grid-template-columns: 1fr 30rem;
    gap: 2rem;
  }
  
  .speaking-content {
    margin-left: 0rem;
  }
  
  .speaking-topics {
    margin-left: 0rem;
  }
  
  .speaking-section-title {
    font-size: 2.2rem;
    margin-bottom: 2rem;
    margin-right: 0;
    margin-left: 0;
  }
  
  .speaking-description p {
    font-size: 1.4rem;
  }
  
  .speaking-image {
    width: 30rem;
    height: 40rem;
  }
  
  .topics-title {
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
  
  .topics-main-title {
    font-size: 5rem;
    margin-bottom: 3rem;
  }
  
  .book-link {
    font-size: 1.4rem;
  }
}

/* Booking Form Section
================================================== */
.booking-form-section {
  background-color: var(--color-burgundy);
  padding: 8rem 0;
  color: #E9E9E9;
}

.booking-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8rem;
  max-width: 160rem;
  margin: 0 auto;
  padding: 0 12rem;
  align-items: start;
}

.booking-left {
  padding-right: 4rem;
}

.booking-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.8rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 1.1;
  margin: 0;
}

.booking-right {
  padding-left: 4rem;
}

.booking-form-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #E9E9E9;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 3rem 0;
}

.booking-form {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.form-field {
  display: flex;
  flex-direction: column;
}

.form-field label {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #E9E9E9;
  margin-bottom: 0.8rem;
}

.form-field input,
.form-field textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid #E9E9E9;
  color: #E9E9E9;
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  padding: 1rem 0;
  outline: none;
  transition: border-color 0.3s ease;
}

.form-field input:focus,
.form-field textarea:focus {
  border-bottom-color: #ffffff;
}

.form-field input::placeholder,
.form-field textarea::placeholder {
  color: rgba(233, 233, 233, 0.6);
}

.form-field textarea {
  resize: vertical;
  min-height: 12rem;
  border: 1px solid #E9E9E9;
  padding: 1.5rem;
  margin-top: 0.5rem;
}

.form-field textarea:focus {
  border-color: #ffffff;
}

.booking-submit {
  background-color: #ffffff;
  color: var(--color-burgundy);
  border: none;
  padding: 1.5rem 3rem;
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 1rem;
  align-self: flex-start;
}

.booking-submit:hover {
  background-color: #f0f0f0;
  transform: translateY(-2px);
}

@media (max-width: 992px) {
  .booking-content {
    grid-template-columns: 1fr;
    gap: 4rem;
    padding: 0 6rem;
  }
  
  .booking-left,
  .booking-right {
    padding: 0;
  }
  
  .booking-title {
    font-size: 3.6rem;
    margin-bottom: 2rem;
  }
  
  .booking-form-title {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .booking-form-section {
    padding: 6rem 0;
  }
  
  .booking-content {
    padding: 0 3rem;
    gap: 3rem;
  }
  
  .booking-title {
    font-size: 2.8rem;
  }
  
  .booking-form-title {
    font-size: 1.8rem;
  }
  
  .form-field label {
    font-size: 1.2rem;
  }
  
  .form-field input,
  .form-field textarea {
    font-size: 1.2rem;
  }
  
  .booking-submit {
    font-size: 1.2rem;
    padding: 1.2rem 2.5rem;
  }
}

/* Wisdom Exchange Hero Section
================================================== */
.wisdom-exchange-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  color: #E9E9E9;
}

.wisdom-hero-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  min-height: 100vh;
  align-items: center;
}

.wisdom-hero-left {
  background: url('images/Wisdon_exchange_hero.png');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 4rem;
  position: relative;
}

.wisdom-hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.wisdom-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wisdom-hero-tagline {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E9E9E9;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
  line-height: 1.2;
  position: relative;
  z-index: 2;
}

.wisdom-hero-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 0.9;
  margin: 0;
  position: relative;
  z-index: 2;
  margin-top: auto;
  margin-bottom: 4rem;
}

.wisdom-hero-right {
  background-color: var(--color-burgundy);
  background-image: url('../images/W_E_texture.png');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 8rem 6rem;
  position: relative;
}

.wisdom-hero-right::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../images/W_E_texture.png');
  background-size: cover;
  background-position: center;
  opacity: 0.3;
  z-index: 1;
}

.wisdom-hero-text {
  position: relative;
  z-index: 2;
}

.wisdom-hero-text p {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 3.2rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 1.3;
  margin: 0;
}

@media (max-width: 992px) {
  .wisdom-exchange-hero {
    min-height: auto;
  }
  
  .wisdom-hero-content {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  
  .wisdom-hero-left {
    min-height: 60vh;
    padding: 6rem 4rem;
    text-align: center;
    justify-content: center;
  }
  
  .wisdom-hero-tagline {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    margin-top: 0;
  }
  
  .wisdom-hero-title {
    font-size: 7.5rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .wisdom-hero-right {
    min-height: auto;
    padding: 6rem 4rem;
  }
  
  .wisdom-hero-text p {
    font-size: 2.8rem;
  }
}

@media (max-width: 768px) {
  .wisdom-hero-left {
    min-height: 50vh;
    padding: 4rem 3rem;
  }
  
  .wisdom-hero-tagline {
    font-size: 1.4rem;
  }
  
  .wisdom-hero-title {
    font-size: 5.5rem;
  }
  
  .wisdom-hero-right {
    padding: 4rem 3rem;
  }
  
  .wisdom-hero-text p {
    font-size: 2.4rem;
  }
}

/* Wisdom Offerings Section
================================================== */
.wisdom-offerings {
  background-color: #FEFFFA;
  padding: 8rem 0;
}

.wisdom-offerings .container {
  max-width: none;
  padding: 0 4rem;
}

.offerings-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

/* Hairlines removed temporarily */

.offering-item {
  text-align: left;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.offering-item:nth-child(1) {
  min-height: 65rem;
}

.offering-item:nth-child(2) {
  min-height: 60rem;
}

.offering-item:nth-child(3) {
  min-height: 67rem;
}

.offering-item:nth-child(1) .offering-image {
  height: 50rem;
}

.offering-item:nth-child(2) .offering-image {
  height: 45rem;
}

.offering-item:nth-child(3) .offering-image {
  height: 52rem;
}

.offering-image {
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
}

.offering-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
}

.offering-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.1;
  margin: 0 0 auto 0;
}

.offering-description {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.1;
  margin: 0;
  margin-top: auto;
}

@media (max-width: 992px) {
  .wisdom-offerings {
    padding: 6rem 0;
  }
  
  .offerings-grid {
    grid-template-columns: 1fr;
    gap: 4rem;
    padding: 0 3rem;
  }
  
  .offerings-grid::before,
  .offerings-grid::after {
    display: none;
  }
  
  .offering-item {
    text-align: center;
    padding: 0;
    display: block;
    height: auto;
  }
  
  .offering-item:nth-child(1) .offering-image,
  .offering-item:nth-child(2) .offering-image,
  .offering-item:nth-child(3) .offering-image {
    height: 35rem;
    margin-top: 0;
  }
  
  .offering-title {
    font-size: 2.2rem;
    text-align: center;
    margin: 0 0 2rem 0;
  }
  
  .offering-description {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .wisdom-offerings {
    padding: 4rem 0;
  }
  
  .offerings-grid {
    gap: 3rem;
    padding: 0 2rem;
  }
  
  .offering-image {
    height: 30rem;
    margin-bottom: 1.5rem;
  }
  
  .offering-title {
    font-size: 2rem;
  }
  
  .offering-description {
    font-size: 1.4rem;
  }
}

/* Wisdom Quote Section
================================================== */
.wisdom-quote {
  background: radial-gradient(circle, #3F0F12 0%, #7F2428 53%, #8E262B 62%, #AE2C33 76%, #C6333A 100%);
  padding: 12rem 0;
  text-align: center;
}

.quote-content {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 4rem;
  text-align: center;
}

.quote-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4rem;
  position: relative;
}

.quote-text {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 6.4rem;
  font-weight: 400;
  color: #C6333A;
  line-height: 1.1;
  text-align: center;
  max-width: 80rem; /* Constrain width to bring quote marks closer */
  flex: 0 1 auto; /* Don't grow to fill space */
}

.quote-line {
  display: block;
  margin: 0;
}

.quote-mark-left,
.quote-mark-right {
  height: 2rem; /* Reduced from 2.5rem to make smaller */
  width: auto;
  /* Removed opacity for full visibility */
}

.quote-mark-left {
  margin-right: 3rem; /* Increased from 2rem for even more spacing */
  align-self: center;
}

.quote-mark-right {
  margin-left: 3rem; /* Increased from 2rem for even more spacing */
  align-self: center;
}

.quote-source {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vogue-logo {
  height: 4rem;
  width: auto;
  opacity: 0.9;
}

@media (max-width: 992px) {
  .wisdom-quote {
    padding: 8rem 0;
  }
  
  .quote-content {
    padding: 0 3rem;
  }
  
  .quote-container {
    margin-bottom: 3rem;
  }
  
  .quote-text {
    font-size: 3.6rem;
  }
  
  .quote-mark-left,
  .quote-mark-right {
    height: 1.6rem; /* Proportionally smaller for medium screens */
  }
  
  .vogue-logo {
    height: 3.2rem;
  }
}

@media (max-width: 768px) {
  .wisdom-quote {
    padding: 6rem 0;
  }
  
  .quote-content {
    padding: 0 2rem;
  }
  
    .quote-container {
    margin-bottom: 2rem;
    flex-direction: column;
    gap: 2rem;
  }

  .quote-text {
    font-size: 2.8rem;
  }

  .quote-mark-left,
  .quote-mark-right {
    height: 1.2rem; /* Proportionally smaller for mobile screens */
    margin: 0;
  }
  
  .vogue-logo {
    height: 2.8rem;
  }
}

/* Adjust form alignment and spacing - targeting correct classes */
.wisdom-booking-section .booking-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 40px 40px 40px;
}

.wisdom-booking-section .booking-title {
    margin-bottom: 6px;
    text-align: left;
    width: 100%;
    max-width: 800px;
}

.wisdom-booking-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
}

.wisdom-booking-form input,
.wisdom-booking-form select {
    margin-bottom: 4px;
    padding: 8px;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-family: inherit;
    font-size: 18px;
    font-weight: inherit;
}

.wisdom-booking-form textarea {
    margin-bottom: 6px;
    margin-top: 4px;
    padding: 20px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-family: inherit;
    font-size: 20px;
    font-weight: inherit;
}

.wisdom-booking-form .booking-submit-btn {
    padding: 10px 60px;
    background-color: #fff;
    color: #800000;
    border: none;
    cursor: pointer;
    align-self: flex-end;
    margin-top: 0px;
}

/* Move input underline down to align with button */
.signup-form input {
  padding-bottom: 1.2rem;
}

/* Podcast section disclaimer: white and same size as footer */
.podcast-signup .disclaimer,
.signup-form .disclaimer {
  color: var(--color-white) !important;
  font-size: 1.4rem !important;
  text-align: left;
  margin-top: 0.2rem;
  margin-bottom: 0;
  font-family: 'Mabry Pro', sans-serif;
}

.signup-form .btn {
  align-self: flex-end !important; /* Align with bottom of input field */
  height: 3rem !important; /* Slightly taller for better alignment */
  padding: 0.2rem 2.5rem 0 2.5rem !important; /* Match footer button padding */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  margin-bottom: -2px; /* Keep bottom flush with input underline */
}

.signup-form .form-group {
  align-items: flex-end; /* Align all children to the bottom */
}
.signup-form input {
  height: 3rem; /* Match button height */
  display: flex;
  align-items: flex-end;
}
.signup-form .btn {
  align-self: flex-end !important;
  height: 3rem !important;
  padding: 0.2rem 2.5rem 0 2.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  margin-bottom: -2px; /* Nudge up to be flush with input underline */
}

.podcast-signup .btn,
.signup-form .btn {
  font-weight: 300 !important; /* Thinner text */
  margin-bottom: -4px !important; /* Move button up to be flush with input underline */
}

.podcast-signup .btn,
.signup-form .btn {
  font-weight: 300 !important;
  margin-bottom: 0 !important;
  margin-left: 0.5rem !important; /* Less space from email input */
  transform: translateY(-1.7rem);
}

.podcast-signup .btn,
.signup-form .btn {
  font-weight: 300 !important;
  margin-bottom: 0 !important;
  margin-left: 0.2rem !important; /* Move button a couple pixels to the left */
  transform: translateY(-1.9rem); /* Raise button a couple more pixels */
}

.signup-lead {
  font-size: 1.5rem; /* Slightly larger for more emphasis */
}

.podcast-title {
  text-align: left;
  padding-left: 2rem;
}
.podcast-body-text {
  padding-left: 2rem;
}

/* Exit Story CTA Section
================================================== */
.exit-story-cta {
  background-color: var(--color-burgundy);
  padding: 10rem 0; /* Match podcast-signup-section padding */
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.exit-story-content {
  max-width: 120rem; /* Match podcast-signup-content max-width */
  margin: 0 auto;
  padding: 0 4rem; /* Match standard container padding */
}

.exit-story-signature {
  margin-bottom: 2.7rem; /* Match podcast-signup title margin */
  text-align: center; /* Ensure logo is centered */
}

.exit-story-signature .signature-image {
  width: 22rem; /* Further increased size for initials logo */
  height: auto;
  opacity: 1; /* Full opacity for the bright red initials */
  display: block;
  margin: 0 auto 0 calc(50% + 1rem); /* Shift slightly right for optical centering */
  transform: translateX(-50%);
}

.exit-story-title {
  font-size: 4rem; /* Match podcast-description size */
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(255, 255, 255, 1); /* Pure white like podcast-description */
  margin: 0 auto 5.4rem auto; /* Match podcast-description margin */
  line-height: 1.0; /* Match podcast-description line height */
  position: static;
  transform: none;
  max-width: 60rem; /* Match podcast-description max-width */
}

.exit-story-subtitle {
  font-size: 1.8rem; /* Match podcast-cta size */
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500; /* Match podcast-cta weight */
  text-transform: uppercase;
  letter-spacing: 0.05em; /* Match podcast-cta letter-spacing */
  color: rgba(255, 255, 255, 1); /* Pure white */
  margin: 0 0 3.6rem 0; /* Match podcast-cta margin */
  line-height: 1.3; /* Match podcast-cta line-height */
}

.exit-story-btn {
  background-color: rgba(255, 255, 255, 0.9); /* Match podcast signup btn */
  color: var(--color-burgundy);
  border: none;
  padding: 0.9rem 1.8rem; /* Match podcast signup btn padding */
  font-size: 1.3rem; /* Match podcast signup btn size */
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400; /* Match podcast signup btn weight */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
}

.exit-story-btn:hover {
  background-color: rgba(255, 255, 255, 1); /* Match podcast signup btn hover */
  transform: translateY(-2px); /* Match podcast signup btn hover */
}

@media (max-width: 992px) {
  .exit-story-content {
    padding: 0 3rem; /* Match podcast signup mobile padding */
  }
  
  .exit-story-signature .signature-image {
    width: 18rem; /* Further increased size for tablet */
    margin: 0 auto 0 calc(50% + 0.8rem); /* Shift slightly right for optical centering */
  }
  
  .exit-story-title {
    font-size: 3.6rem; /* Match podcast-description mobile size */
    max-width: 50rem; /* Match podcast-description mobile max-width */
  }
  
  .exit-story-subtitle {
    font-size: 1.62rem; /* Match podcast-cta mobile size */
  }
}

@media (max-width: 768px) {
  .exit-story-cta {
    padding: 8rem 2rem; /* Adjust for mobile */
  }
  
  .exit-story-signature .signature-image {
    width: 14rem; /* Further increased size for mobile */
    margin: 0 auto 0 calc(50% + 0.6rem); /* Shift slightly right for optical centering */
  }
  
  .exit-story-title {
    font-size: 3.2rem;
    margin-bottom: 4rem;
  }
  
  .exit-story-subtitle {
    font-size: 1.5rem;
    margin-bottom: 3rem;
  }
  
  .exit-story-btn {
    font-size: 1.2rem;
    padding: 0.8rem 1.6rem;
  }
}

/* --- PODCAST SIGNUP FORM: TITLE CENTERED, FORM HORIZONTAL --- */
.signup-form .form-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  flex-wrap: nowrap;
}

.signup-lead {
  margin-bottom: 0;
  margin-right: 0;
  white-space: nowrap;
  align-self: center;
  text-align: center;
}

.input-disclaimer-stack {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  max-width: 70rem;
}

.input-disclaimer-stack .input-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 300px;
  max-width: 40rem;
}

.input-disclaimer-stack input {
  width: 100%;
  margin-bottom: 0.5rem;
}

.signup-form .btn {
  margin-bottom: 0;
  height: 4.8rem;
  white-space: nowrap;
  align-self: flex-end;
  width: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}

.signup-form input:focus {
  outline: none;
  border-bottom: 1px solid var(--color-white);
}

.signup-form input::placeholder {
  color: var(--color-white);
  opacity: 0.8;
}

.disclaimer {
  font-size: 1rem;
  margin: 0;
  color: var(--color-white);
  white-space: normal;
  text-align: left;
  opacity: 0.8;
}

@media (max-width: 900px) {
  .signup-form .form-group {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
  .signup-lead {
    margin-right: 0 !important;
    align-self: center !important;
    text-align: center;
  }
  .input-disclaimer-stack {
    flex-direction: column;
    align-items: center;
    max-width: 350px;
    gap: 2rem;
  }
  .input-disclaimer-stack .input-wrapper {
    align-items: center;
    width: 100%;
  }
  .disclaimer {
    text-align: center;
  }
  .signup-form .btn {
    width: 20rem;
    align-self: center !important;
  }
}

/* Missing Digest Layout Styles for index.html
================================================== */
.digest-section {
  position: relative;
  padding: 8rem 0;
  background-color: var(--color-white);
}

/* Top horizontal hairline across whole section - REMOVED */
.digest-section::before {
  display: none !important;
}

.digest-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  position: relative;
  padding: 0 2rem;
}

/* Vertical hairline between featured and grid */
.digest-content::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  width: 0.5px;
  background-color: #222;
  height: 100%;
  z-index: 2;
}

.digest-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  position: relative;
}

/* Horizontal hairline between top and bottom grid items */
.digest-grid::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0.5px;
  background-color: #222;
  z-index: 2;
}

/* Remove all digest-item and grid row hairlines */
.digest-item::before,
.digest-item::after,
.digest-grid::after,
.digest-grid-row::after {
  display: none !important;
}

/* Additional vertical hairlines for grid items */
.digest-item {
  position: relative;
}

.digest-item::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background-color: #e5e5e5;
  height: 100%;
}

.digest-item:last-child::after {
  display: none;
}

.digest-item img {
  width: 100%;
  height: 32rem;
  object-fit: cover;
  margin-bottom: 0;
  padding: 1.5rem;
  box-sizing: border-box;
}

.digest-featured {
  position: relative;
  align-self: flex-start;
}

.digest-featured-image {
  position: relative;
  margin-bottom: 2rem;
}

.digest-featured-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .digest-item {
    height: 50rem;
  }

  .digest-item img {
    height: 38rem;
  }
}

.digest-item-content {
  position: relative;
  flex: 1;
  padding: 1.5rem 1.5rem 1.5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: white;
}

.digest-item-content h4 {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1rem;
  color: #000000;
  flex-grow: 1;
}

.digest-footer {
  text-align: center;
}

.more-insights {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.more-insights:hover {
  color: var(--color-dark-red);
}

/* NYT-Inspired Digest Tiles Layout
================================================== */
.digest {
  padding: 8rem 0;
  background-color: var(--color-white);
}

.digest h2 {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 3rem;
  color: var(--color-gray);
}

.digest h2 .msh-sans {
  font-family: 'Mabry Pro', sans-serif;
  color: #000000;
  letter-spacing: 0.02em;
}

.digest h2 .digest-serif {
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  color: var(--color-gray);
}

.digest-featured-label {
  position: absolute;
  top: 2rem;
  left: 2rem;
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.8rem 1.2rem;
  border-radius: 4px;
  z-index: 2;
}

.digest-tiles-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2rem;
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 6rem;
  margin-bottom: 6rem;
}

.digest-tile {
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  min-height: 32rem;
}

.digest-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
}

.digest-tile-featured {
  grid-row: 1 / 3;
  min-height: 66rem;
}

.digest-tile-image-container {
  position: relative;
  overflow: hidden;
  height: 20rem;
}

.digest-tile-featured .digest-tile-image-container {
  height: 42rem;
}

.digest-tile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.digest-tile:hover .digest-tile-image {
  transform: scale(1.02);
}

.digest-tile-content {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 20rem);
}

.digest-tile-featured .digest-tile-content {
  height: calc(100% - 42rem);
  padding: 2.5rem;
}

.digest-tile-headline {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 2rem;
  color: var(--color-gray);
  flex-grow: 1;
}

.digest-tile-featured .digest-tile-headline {
  font-size: 2.8rem;
  line-height: 1.1;
  margin-bottom: 2.5rem;
}

.digest-tile-arrow {
  color: var(--color-bright-red);
  font-size: 0.9em;
  font-weight: 300;
  margin-left: 0.5rem;
}

.digest-tile-meta {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: auto;
}

.digest-tile-category {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-bright-red);
}



.digest-nav-row {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 2rem 0;
  gap: 1rem;
}

.digest-nav-row .digest-pagination {
  position: static;
  transform: none;
}

.digest-pagination {
  display: flex;
  gap: 1rem;
}

.digest-nav-btn {
  width: auto;
  height: auto;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: var(--color-gray);
  margin: 0 0.8rem;
  padding: 0.5rem;
  font-size: 1.8rem;
  font-weight: 300;
}

.digest-nav-btn:hover {
  color: #000000;
}



.digest-more-link {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-gray);
  text-decoration: none;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.digest-more-link:hover {
  color: var(--color-bright-red);
}

.digest-more-link .arrow {
  transition: transform 0.3s ease;
}

.digest-more-link:hover .arrow {
  transform: translateX(4px);
}

/* Missing Navigation Active State
================================================== */
.nav a.active {
  color: var(--color-dark-red);
}

/* Missing Input Stack for Podcast Signup
================================================== */
.input-disclaimer-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Mobile Responsive Styles for NYT-Inspired Digest Layout
================================================== */
@media (max-width: 992px) {
  .digest {
    padding: 6rem 0;
  }
  
  .digest h2 {
    font-size: 4rem;
    margin-bottom: 2rem;
  }
  
  .digest-featured-label {
    font-size: 1.1rem;
    margin-bottom: 3rem;
  }
  
  .digest-tiles-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 2rem;
    padding: 0 4rem;
    margin-bottom: 5rem;
  }
  
  .digest-tile-featured {
    grid-row: auto;
    min-height: auto;
  }
  
  .digest-tile {
    min-height: auto;
  }
  
  .digest-tile-image-container {
    height: 22rem;
  }
  
  .digest-tile-featured .digest-tile-image-container {
    height: 28rem;
  }
  
  .digest-tile-content {
    height: auto;
    padding: 2rem;
  }
  
  .digest-tile-featured .digest-tile-content {
    height: auto;
    padding: 2.5rem;
  }
  
  .digest-tile-headline {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
  
  .digest-tile-featured .digest-tile-headline {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
  
  .digest-nav-row {
    padding: 0 4rem;
  }
}

@media (max-width: 768px) {
  .digest {
    padding: 5rem 0;
  }
  
  .digest h2 {
    font-size: 3.2rem;
  }
  
  .digest-featured-label {
    font-size: 1rem;
    margin-bottom: 2.5rem;
  }
  
  .digest-tiles-grid {
    padding: 0 2rem;
    gap: 1.5rem;
    margin-bottom: 4rem;
  }
  
  .digest-tile-image-container {
    height: 20rem;
  }
  
  .digest-tile-featured .digest-tile-image-container {
    height: 24rem;
  }
  
  .digest-tile-content {
    padding: 1.8rem;
  }
  
  .digest-tile-featured .digest-tile-content {
    padding: 2rem;
  }
  
  .digest-tile-headline {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  
  .digest-tile-featured .digest-tile-headline {
    font-size: 1.9rem;
    margin-bottom: 1.5rem;
  }
  
  .digest-tile-category {
    font-size: 1rem;
  }
  
  .digest-tile-read-time {
    font-size: 1rem;
  }
  
  .digest-nav-row {
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    padding: 0 2rem;
  }
  
  .digest-more-link {
    font-size: 1.3rem;
  }
  
  .digest-nav-btn {
    font-size: 1.6rem;
    margin: 0 0.6rem;
  }
  
  /* Remove continuous line on mobile */
  .digest-tiles-grid::after {
    display: none;
  }
  
  .digest-tile:nth-child(2),
  .digest-tile:nth-child(3) {
    border-top: none;
  }
}

/* Missing Discovery Call Section Styles
================================================== */
.discovery-call-section {
  background-color: var(--color-burgundy);
  padding: 8rem 0;
  color: #E9E9E9;
}

.discovery-call-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  max-width: 140rem;
  margin: 0 auto;
  align-items: start;
  padding-left: 6rem;
}

.discovery-call-left {
  padding-right: 2rem;
  padding-left: 0;
}

.discovery-call-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.8rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
  margin: 0;
  text-align: left;
  max-width: 80rem;
}

.discovery-call-form-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  color: #E9E9E9;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
}

.discovery-call-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.discovery-call-form input {
  width: 55%;
  margin: 0;
  background: transparent;
  border: none;
  border-bottom: 1.5px solid #E9E9E9;
  border-radius: 0;
  padding: 1.2rem 0 0.7rem 0;
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.6rem;
  color: #ffffff;
  outline: none;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
  display: block;
  text-align: left;
}

.discovery-call-form input:focus {
  border-bottom: 1.5px solid #fff;
}

.discovery-call-form input::placeholder {
  text-align: left;
  color: #E9E9E9;
}

.discovery-call-form textarea {
  width: 80%;
  margin: 2.5rem 0 0 0;
  background: transparent;
  border: 1px solid #fff;
  padding: 1.2rem 1.5rem;
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.6rem;
  color: #ffffff;
  outline: none;
  transition: border-color 0.3s ease;
  resize: vertical;
  min-height: 120px;
  box-sizing: border-box;
  display: block;
  text-align: left;
}

.discovery-call-form textarea::placeholder {
  color: #E9E9E9;
}

.discovery-submit-btn {
  background: #fff;
  color: var(--color-burgundy);
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem 2rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  align-self: flex-start;
  margin-top: 2rem;
}

.discovery-submit-btn:hover {
  background-color: var(--color-burgundy);
  color: #fff;
  border: 1px solid #fff;
}

/* Discovery Call Responsive Styles
================================================== */
@media (max-width: 992px) {
  .discovery-call-content {
    grid-template-columns: 1fr;
    gap: 4rem;
    padding-left: 4rem;
  }
  
  .discovery-call-title {
    font-size: 4rem;
  }
}

@media (max-width: 768px) {
  .discovery-call-section {
    padding: 6rem 0;
  }
  
  .discovery-call-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .discovery-call-title {
    font-size: 3.2rem;
  }
  
  .discovery-call-form input {
    width: 100%;
  }
  
  .discovery-call-form textarea {
    width: 100%;
  }
}

.topic-slide {
  transition: opacity 0.5s ease;
  opacity: 0;
}

.topic-slide.active {
  opacity: 1;
}

.topics-carousel {
  position: relative;
  height: 28rem; /* Increased height to accommodate the longest topic titles */
  margin-bottom: 2rem; /* Reduced since we added margin-top to book-martha */
  overflow: hidden; /* Prevent text overflow */
}

.topic-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.topic-slide.active {
  opacity: 1;
}

.topics-navigation {
  display: none;
}

.book-martha {
  position: relative;
  left: 0;
  margin-top: 2rem;
  margin-bottom: 0;
  text-align: left;
  z-index: 5;
}

.topics-main-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem;
  font-weight: 400;
  color: var(--color-dark-red);
  line-height: 0.95;
  margin-bottom: 0;
  max-width: 90%;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.topics-main-title:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  /* Hero Section */
  .hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }

  .hero-image {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    width: 100%;
  }

  .main-heading {
    font-size: 3.8rem;
    line-height: 1.1;
    text-align: center;
    letter-spacing: -0.02em;
    max-width: 90%;
    margin: -1.9rem auto 2rem;
    position: relative;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
  }

  .signature {
    margin-top: 2.5rem;
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
  }

  .martha-signature {
    max-width: 18rem;
    margin: 0 auto;
  }

  /* Service Columns */
  .service-columns {
    grid-template-columns: 1fr;
    gap: 6rem;
    padding: 0;
  }

  .service-column {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .service-column:not(:last-child)::after {
    display: none;
  }

  .service-image {
    margin: 0 -2rem;
    width: calc(100% + 4rem);
    overflow: hidden;
  }

  .service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .service-column h2 {
    font-size: 3.2rem;
    margin: 4rem 0 2rem 0;
    text-align: left;
    width: 100%;
  }

  .service-description {
    font-size: 2rem;
    margin-bottom: 2.5rem;
    text-align: left;
    width: 100%;
    padding-top: 2rem;
  }

  .service-column .btn {
    font-size: 1.8rem;
    padding: 1.2rem 2.4rem;
    align-self: flex-start;
  }

  /* Stagger the heights for visual interest */
  .service-column:nth-child(1) .service-image {
    height: 50rem;
  }
  .service-column:nth-child(2) .service-image {
    height: 40rem;
  }
  .service-column:nth-child(3) .service-image {
    height: 45rem;
  }

  /* Override any potential conflicting styles */
  .service-column .service-image {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .service-column > * {
    max-width: 100%;
  }

  /* Quote Section */
  .testimonial-card {
    padding: 4rem 2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .quote {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
  }

  .quote p {
    font-size: 4.2rem;
    line-height: 1.1;
    text-align: center;
    margin: 0 auto 4rem;
    max-width: 100%;
    padding: 0;
  }

  .testimonial-author {
    margin-top: 4rem;
    width: 100%;
    text-align: center;
  }

  .testimonial-author h4 {
    font-size: 2.4rem;
    text-align: center;
    margin: 0;
  }

  /* Podcast Section */
  .podcast-description p {
    font-size: 4rem;
    line-height: 0.95;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
  }

  .podcast-signup-form .input-wrapper {
    width: 100%;
    max-width: none;
  }

  .podcast-signup-form input {
    font-size: 2.4rem;
    width: 100%;
    text-align: left;
  }

  .podcast-signup-form .btn {
    font-size: 1.6rem;
    padding: 1.2rem 2.4rem;
    margin-top: 1rem;
    align-self: flex-start;
    width: auto;
  }

  .podcast-signup-form .disclaimer {
    font-size: 1.6rem;
    text-align: left;
  }

  .podcast-signup-form .form-group {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media screen and (max-width: 768px) {
  .services {
    padding: 4rem 0;
  }

  .service-columns {
    grid-template-columns: 1fr;
    gap: 6rem;
    padding: 0 2rem;
  }

  .service-column {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .service-image {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    overflow: hidden;
    margin-bottom: 5rem;
  }

  .service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .service-column h2 {
    font-size: 3.2rem;
    margin: 0 0 2rem;
    text-align: left;
    width: 100%;
  }

  .service-description {
    font-size: 2rem;
    margin: 0 0 2.5rem;
    text-align: left;
    width: 100%;
    padding-top: 2rem;
  }

  .service-column .btn {
    font-size: 1.8rem;
    padding: 1.2rem 2.4rem;
    align-self: flex-start;
  }

  /* Stagger the heights for visual interest */
  .service-column:nth-child(1) .service-image {
    height: 50rem;
  }
  .service-column:nth-child(2) .service-image {
    height: 40rem;
  }
  .service-column:nth-child(3) .service-image {
    height: 45rem;
  }
}

.digest-featured-image {
  position: relative;
  margin-bottom: 2rem;
}

.digest-featured-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .digest-item {
    height: 50rem;
  }

  .digest-item img {
    height: 38rem;
  }

  .digest-featured-image {
    height: auto;
  }
}

/* --- Digest Section Hairline Enhancement --- */

/* Top horizontal hairline across whole section (already present) - REMOVED */
.digest-section::before {
  display: none !important;
  z-index: 2;
}

/* Add vertical hairlines between the two columns of the 2x2 grid (right side) */
.digest-grid {
  position: relative;
}

.digest-grid .digest-vertical-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0.5px;
  height: calc(100% - 2rem); /* slightly shorter than full card height, adjust as needed */
  background-color: #222;
  z-index: 3;
  transform: translateX(-50%);
}

/* --- Digest Section Top Hairline: Full Width - REMOVED --- */
.digest-section {
  position: relative;
}
.digest-section::before {
  display: none !important;
}

/* Remove any margin or padding above the top hairline */
.digest-section > .container {
  margin-top: 0;
  padding-top: 3rem; /* add space below the hairline if needed */
}

/* Remove old full-width top bar */
.digest-section::before {
  display: none !important;
}

/* New top bar, aligned with content */
.digest-top-bar {
  width: 100%;
  height: 0.5px;
  background: #222;
  margin-bottom: 2.5rem;
}

/* Move digest-top-bar closer to images/cards */
.digest-top-bar {
  width: 100%;
  height: 0.5px;
  background: #222;
  margin: 1.5rem 0 2.5rem 0;
}

/* Make content-type (PODCAST, ARTICLE, etc.) bold and closer to bottom */
.content-type {
  font-weight: bold;
  display: block;
  margin-top: auto;
  margin-bottom: 0.5rem;
  font-family: 'Mabry Pro', sans-serif;
  letter-spacing: 0.05em;
}

/* Style featured-label in top left, white, bold, padded, with gradient overlay for contrast */
.featured-label {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  padding: 0.7rem 1.4rem;
  border-radius: 4px;
  z-index: 2;
  letter-spacing: 0.1em;
}
.digest-featured-image {
  position: relative;
}
.digest-featured-image::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0));
  z-index: 1;
  border-radius: 4px 4px 0 0;
  pointer-events: none;
}

/* Make card images taller for portrait look */
.digest-item .digest-image,
.digest-item img {
  height: 38rem !important;
  min-height: 38rem;
  max-height: 42rem;
  object-fit: cover;
}

/* Remove left padding from container in digest-section */
.digest-section > .container {
  padding-left: 0 !important;
}

/* Add left margin to .digest-header and .digest-top-bar to align with heading text */
.digest-header,
.digest-top-bar {
  margin-left: 6rem;
}

.digest-featured {
  margin-left: 6rem;
}

.digest-item,
.digest-item .digest-image,
.digest-item img {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.digest-header,
.digest-top-bar,
.digest-featured {
  margin-left: 4rem;
}

.digest-content {
  padding-top: 2.5rem;
}

.digest-header,
.digest-top-bar,
.digest-featured {
  margin-left: 4rem;
  margin-right: 4rem;
}

.digest-content {
  padding-top: 2.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.digest-header,
.digest-top-bar,
.digest-featured {
  padding-left: 4rem;
  padding-right: 4rem;
  margin-left: 0;
  margin-right: 0;
}

/* Remove all custom padding/margin from header elements to match content alignment */
.digest-header,
.digest-top-bar,
.digest-featured {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* Ensure digest-content padding applies to all content including header elements */
.digest-section > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.digest-header,
.digest-top-bar,
.digest-content,
.digest-featured {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* Unified wrapper approach - apply padding to the entire digest section */
.digest-section > .container {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

/* Remove individual padding from all digest elements */
.digest-header,
.digest-top-bar,
.digest-content,
.digest-featured {
  padding-left: 0;
  padding-right: 0;
}

/* Only keep top padding for content spacing */
.digest-content {
  padding-top: 2.5rem;
}

/* Remove any internal padding from images */
.digest-item img,
.digest-featured-image img {
  padding: 0 !important;
  margin: 0 !important;
}

/* Mobile styles for digest section */
@media (max-width: 768px) {
  /* Add space above text below featured image */
  .digest-featured-text {
    margin-top: 3rem;
    padding-top: 2rem;
  }
  
  /* Increase font size for better mobile readability */
  .digest-featured-text h3 {
    font-size: 3.5rem !important;
    line-height: 1.2;
  }
  
  /* Increase font size for digest item titles */
  .digest-item h4 {
    font-size: 2.8rem !important;
  }
  
  /* Increase content type labels */
  .content-type {
    font-size: 1.6rem !important;
  }
}

/* Mobile styles for digest section - more specific targeting */
@media (max-width: 768px) {
  /* Add more space above text below featured image */
  .digest-section .digest-featured .digest-featured-text {
    margin-top: 4rem !important;
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
  }
  
  /* Make font much bigger for mobile stacked layout */
  .digest-section .digest-featured .digest-featured-text h3 {
    font-size: 4.5rem !important;
    line-height: 1.1 !important;
    margin-bottom: 2rem !important;
  }
  
  /* Increase font size for digest item titles in mobile stacked */
  .digest-section .digest-item h4 {
    font-size: 3.2rem !important;
    line-height: 1.2 !important;
  }
  
  /* Increase content type labels */
  .digest-section .content-type {
    font-size: 1.8rem !important;
    margin-top: 1.5rem !important;
  }
}

/* Mobile styles for services section */
@media (max-width: 768px) {
  /* Add more space above service text */
  .services .service-column h2 {
    margin-top: 4rem !important;
    padding-top: 3rem !important;
    font-size: 4.5rem !important;
    line-height: 1.1 !important;
  }
  
  /* Increase service description font size */
  .services .service-description {
    font-size: 2.4rem !important;
    line-height: 1.3 !important;
    margin-bottom: 3rem !important;
  }
  
  /* Increase button font size */
  .services .service-column .btn {
    font-size: 2rem !important;
    padding: 1.5rem 3rem !important;
  }
}

/* MSH Collective Styles
================================================== */

/* Base Styles
================================================== */
:root {
  /* Color Variables */
  --color-white: #FEFFFA;
  --color-off-white: #f9f9f9; 
  --color-light-gray: #e9e9e9;
  --color-gray: #141414;
  --color-dark-red: #620c1f;
  --color-burgundy: #620A19; /* Updated burgundy color for footer and podcast */
  --color-red: #7a0f20;
  --color-bright-red: #c6333a;
}

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

html {
  font-size: 62.5%; /* 10px = 1rem */
  scroll-behavior: smooth;
}

body {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--color-gray);
  background-color: var(--color-white);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 2rem;
}

h1 {
  font-size: 7.2rem;
}

h2 {
  font-size: 5rem;
}

h3 {
  font-size: 3.6rem;
}

h4 {
  font-size: 2.4rem;
}

p {
  margin-bottom: 1.5rem;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s ease;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.container {
  width: 100%;
  max-width: 1728px;
  margin: 0 auto;
  padding: 0 4rem 0 6rem; /* Increased left padding from 4rem to 6rem for more space from left edge */
}

.btn {
  display: inline-block;
  background-color: var(--color-red);
  color: var(--color-white);
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem 2rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
      letter-spacing: 0.05em;
}

.btn:hover {
  background-color: var(--color-dark-red);
}

/* Header Styles
================================================== */
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 2rem 0;
  background-color: transparent;
  border-bottom: none;
}

.header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  max-width: 25rem; /* Increased from 20rem for better visibility */
  display: flex;
  align-items: center;
}

.logo img {
  width: 100%;
  height: auto;
  display: block;
  /* Firefox-specific fixes */
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Ensure proper rendering across browsers */
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

.nav {
  display: flex;
  justify-content: flex-end;
  width: 70%;
}

.nav ul {
  display: flex;
  list-style: none;
  gap: 1.7rem;
  justify-content: flex-end;
  text-align: right;
}

.nav a {
  color: var(--color-red);
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.nav a:hover {
  color: var(--color-dark-red);
}

/* Hero Section
================================================== */
.hero {
  background-color: var(--color-white);
  padding: 14rem 0 7rem; /* Increased padding */
  min-height: 80vh;
  display: flex;
  align-items: center;
}

.hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.hero-image {
  max-width: 40rem;
  margin: 0 auto 3rem;
  position: relative;
}

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

.main-heading {
  color: var(--color-red);
  font-weight: 700; /* Changed to bold */
  text-transform: uppercase;
  margin-bottom: 1.8rem;
  font-size: 4.95rem; /* Scaled down 10% from 5.5rem */
  line-height: 0.9; /* Reduced from 1.1 to bring lines closer together */
  letter-spacing: 0.02em;
  font-family: 'Mabry Pro', sans-serif; /* Changed to Mabry Pro */
  position: absolute; /* Position absolutely to overlap image */
  bottom: 8.55rem; /* Scaled down 10% from 9.5rem */
  left: 50%;
  transform: translateX(-50%); /* Center horizontally */
  z-index: 5; /* Lower z-index to stay below menu overlay */
  width: 100%;
  text-align: center;
}

.signature {
  max-width: 13.5rem; /* Scaled down 10% from 15rem */
  margin: 7.2rem auto 0; /* Scaled down 10% from 8rem */
  position: relative;
  z-index: 5;
}

/* Note: Single-line vs multi-line positioning is now handled dynamically in hero-about.liquid */

.martha-signature {
  width: 100%;
}

/* Mission Section
================================================== */
.mission {
  padding: 8rem 4rem; /* Add horizontal padding like digest section */
  background-color: var(--color-white);
  position: relative;
}

.mission-text {
  font-size: 4.4rem; /* Increased from 4rem to maintain visual impact */
  color: var(--color-red);
  font-weight: 400;
  font-style: normal; /* Changed from italic to normal */
  text-align: left; /* Changed from center to left aligned */
  max-width: 160rem; /* Increased from 120rem to align with service columns */
  margin: 0 auto;
  line-height: 1.1; /* Reduced from 1.2 to further decrease leading */
  font-family: "FreightDispCmp Pro", serif;
}

.mission-text .italic {
  font-style: italic;
}

/* Larger mission text for podcast and speaking pages */
.mission-text.podcast-mission {
  font-size: 5.2rem; /* Larger than default for shorter text */
  max-width: 1400px; /* Match the wider podcast content width */
  margin: 0 auto; /* Center the content */
  padding: 0 4rem; /* Match exact padding of podcast content */
  box-sizing: border-box; /* Ensure consistent box model */
}

.mission-text.speaking-mission {
  font-size: 6rem; /* Increased to match topics section prominence */
  padding: 0 12rem; /* Match padding style of topics section */
}

/* Speaking Stats Section
================================================== */
.speaking-stats {
  background-color: var(--color-white);
  padding: 8rem 0;
  text-align: left;
}

.stats-content {
  max-width: 160rem;
  margin: 0 auto;
  padding: 0 12rem; /* Match padding of mission text above */
}

.stats-number {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem; /* Reduced from 12rem */
  font-weight: 400;
  color: var(--color-red);
  line-height: 0.8; /* Reduced line height for tighter spacing */
  margin: 0 0 1rem 1rem; /* Reduced left margin to move block left */
}

.stats-description {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.2rem; /* Increased from 3.6rem */
  font-weight: 400;
  color: var(--color-red);
  line-height: 0.9; /* Further reduced for even tighter spacing */
  margin: 0 0 0 1rem; /* Reduced left margin to align with number */
  max-width: 80rem;
}

/* Who We Are Section
================================================== */
.who-we-are {
  background-color: var(--color-burgundy);
  padding: 10rem 0; /* Increased padding */
  color: rgba(255, 255, 255, 0.9);
}

.who-we-are-content {
  max-width: 140rem;
  margin: 0 auto;
  padding: 0 12rem;
}

.who-we-are .mission-text {
  color: #C6333A;
  font-size: 4.5rem; /* Scaled down 10% from 5rem */
  margin-bottom: 7.2rem; /* Scaled down 10% from 8rem */
  text-align: left;
}

.who-we-are .mission-text .italic {
  color: #C6333A;
  font-style: italic;
}

.who-we-are .mission-text .msh-white {
  color: rgba(255, 255, 255, 0.9);
}

.martha-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7.2rem; /* Scaled down 10% from 8rem */
  margin-bottom: 7.2rem; /* Scaled down 10% from 8rem */
  align-items: start;
  position: relative;
}

.martha-portrait {
  width: 100%;
  position: relative;
}

.martha-portrait img {
  width: 100%;
  height: auto;
  display: block;
}

.martha-bio {
  padding-top: 2rem;
}

.martha-bio-heading {
  font-size: 4.5rem; /* Scaled down 10% from 5rem */
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.9);
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  margin: 0 0 2.7rem 0; /* Scaled down 10% from 3rem */
}

.martha-bio p {
  font-size: 2rem; /* Increased a couple sizes as requested */
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400;
  margin: 0;
}

.martha-signature-large {
  position: absolute;
  bottom: -5.4rem; /* Scaled down 10% from -6rem */
  left: 75%;
  transform: translateX(-50%);
  z-index: 5;
  width: 100%;
  text-align: center;
}

.martha-signature-large img {
  max-width: 63rem; /* Scaled down 10% from 70rem */
  height: auto;
}

@media (max-width: 992px) {
  .martha-info {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  
  .who-we-are .mission-text {
    font-size: 3.15rem; /* Scaled down 10% from 3.5rem */
  }
  
  .martha-bio-heading {
    font-size: 3.15rem; /* Scaled down 10% from 3.5rem */
  }
  
  .martha-bio p {
    font-size: 1.8rem; /* Increased from 1.6rem as requested */
  }
  
  .martha-signature-large {
    left: 50%;
    bottom: -7.2rem; /* Scaled down 10% from -8rem */
  }
  
  .martha-signature-large img {
    max-width: 45rem; /* Scaled down 10% from 50rem */
  }
}

/* Podcast Signup Section
================================================== */
.podcast-signup-section {
  background-color: var(--color-burgundy);
  padding: 10rem 0; /* Increased padding like other sections */
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.podcast-signup-content {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 4rem; /* Match standard container padding */
}

.podcast-signup-section .podcast-title {
  font-size: 1.8rem; /* Smaller sans serif font - scaled down 10% from 2rem */
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500; /* Medium weight */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 1) !important; /* Pure white - force override */
  margin: 0 auto 2.7rem auto; /* Centered with auto margins */
  text-align: center;
}

.podcast-signup-section .podcast-description {
  font-size: 4rem; /* Match footer h3 "Join the Newsletter" size */
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  font-style: normal; /* Remove italic styling */
  color: rgba(255, 255, 255, 1); /* Pure white */
  margin: 0 auto 5.4rem auto; /* Scaled down 10% from 6rem, centered */
  line-height: 1.0; /* Reduced line height for tighter spacing */
  position: static; /* Override any absolute positioning */
  transform: none; /* Override any transforms */
  max-width: 60rem; /* Narrow width to force text to break into two lines */
}

.podcast-cta {
  font-size: 1.8rem;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 1);
  margin: 0 0 2rem 0;
  line-height: 1.3;
  text-align: center;
}

.podcast-signup-form .form-group {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  gap: 1.5rem;
  margin-bottom: 2rem;
  flex-wrap: nowrap;
  justify-content: center;
}

.podcast-signup-form .input-wrapper {
  position: relative;
  flex-grow: 0;
  min-width: 25rem;
  max-width: 30rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.podcast-signup-form input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid var(--color-white);
  color: var(--color-white);
  font-size: 1.8rem;
  padding: 0.5rem 0;
  font-family: 'Mabry Pro', sans-serif;
  text-align: left;
  outline: none;
  margin-bottom: 0;
}

.podcast-signup-form input::placeholder {
  color: rgba(255, 255, 255, 1);
  text-align: left;
}

.podcast-signup-form input:focus {
  outline: none;
  border-bottom-color: rgba(255, 255, 255, 1);
}

.podcast-signup-form .btn {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--color-burgundy);
  border: none;
  padding: 0 1.8rem;
  font-size: 1.3rem;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
  align-self: flex-end;
  height: 3rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-24px);
  margin-bottom: -2px;
}

.podcast-signup-form .btn:hover {
  background-color: rgba(255, 255, 255, 1);
}

.podcast-signup-form .disclaimer {
  font-size: 1.4rem; /* Match footer disclaimer size */
  color: rgba(255, 255, 255, 1); /* Pure white */
  text-align: left;
  margin: 0.5rem 0 0 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Desktop override to ensure row layout */
@media (min-width: 993px) {
  .podcast-signup-form .form-group {
    flex-direction: row !important;
  }
}

@media (max-width: 992px) {
  .podcast-signup-content {
    padding: 0 3rem; /* Match standard mobile container padding */
  }
  
  .podcast-signup-section .podcast-title {
    font-size: 1.62rem; /* Smaller sans serif mobile - scaled down 10% from 1.8rem */
  }
  
  .podcast-signup-section .podcast-description {
    font-size: 3.6rem; /* Scaled down 10% from 4rem for mobile */
    max-width: 50rem; /* Narrower on mobile */
  }
  
  .podcast-cta {
    font-size: 1.62rem;
    margin: 0 0 1.5rem 0;
  }
  
  .podcast-signup-form .form-group {
    flex-direction: column !important;
    gap: 2rem;
    align-items: center !important;
    margin-bottom: 1.8rem;
  }
  
  .podcast-signup-form .input-wrapper {
    min-width: 25rem;
    max-width: 35rem;
    flex-grow: 0;
    width: 100%;
  }
  
  .podcast-signup-form .disclaimer {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center; /* Center the disclaimer text */
  }
  
  .podcast-signup-form .btn {
    width: auto;
    padding: 1.35rem 1.8rem;
    min-width: 18rem;
    flex-shrink: 0;
  }
}

/* Services Section
================================================== */
.services {
  background-color: var(--color-burgundy);
  padding: 5rem 4rem; /* Added left and right padding */
  margin-bottom: 0; /* Removed space between sections */
  position: relative;
}

.service-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  position: relative;
}

.service-column {
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
  position: relative;
}

/* Add hairline separators between columns */
.service-column:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.5rem;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.service-column h2 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 3.6rem; /* Increased from 2.8rem to make bigger */
  margin-bottom: 2rem;
  text-align: left;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
}

.service-image {
  margin-bottom: 5rem; /* Increased spacing before text starts */
  height: 60rem; /* Increased to make images much more portrait-like */
  overflow: hidden;
}

.service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-description {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 2rem;
  flex-grow: 1;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400;
}

.service-column .btn {
  align-self: flex-start;
  margin-top: auto;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
  padding: 0.8rem 1.8rem; /* Reduced padding for thinner/softer height */
  font-size: 1.3rem; /* Slightly smaller font */
  background-color: rgba(255, 255, 255, 1);
  color: var(--color-burgundy);
  border: none;
  transition: all 0.3s ease;
}

.service-column .btn:hover {
  background-color: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
}

/* Testimonials Section
================================================== */
.testimonials {
  background-color: #620A19; /* Solid burgundy background */
  padding: 12rem 0;
  position: relative;
  display: flex;
  align-items: center; /* Center content vertically */
  min-height: 60vh; /* Minimum height to ensure proper centering */
}

.testimonial-card {
  max-width: 120rem; /* Match wisdom quote content width */
  margin: 0 auto;
  padding: 8rem 4rem; /* Increased vertical padding for more visual impact */
  position: relative;
  color: rgba(233, 233, 233, 1); /* Grey text color */
  text-align: center; /* Center align all content */
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center content vertically */
}

.quote {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-bottom: 4rem;
  position: relative;
  text-align: center;
}

.quote-mark {
  font-size: 6rem;
  color: rgba(233, 233, 233, 1); /* Grey color */
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quote-mark.left {
  align-self: center;
}

.quote-mark.right {
  align-self: center; /* Center align for vertical centering */
  transform: scaleX(-1); /* Changed from rotate to flip horizontally */
}

.quote p {
  font-size: 6.4rem; /* Increased to match wisdom quote section */
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400; /* Match wisdom quote weight */
  line-height: 1.1; /* Match wisdom quote line height */
  margin: 0;
  font-style: normal;
  color: rgba(233, 233, 233, 1); /* Grey text color */
  text-align: center;
  max-width: 80rem;
}

.testimonial-author {
  text-align: center;
  margin-bottom: 4rem;
  color: rgba(233, 233, 233, 1); /* Grey text color */
}

.testimonial-author h4 {
  font-size: 1.3rem; /* Reduced from 1.6rem */
  font-weight: 700; /* Changed to bold */
  margin: 0;
  font-family: 'Mabry Pro', sans-serif; /* Changed to Mabry Pro */
  text-transform: uppercase;
  letter-spacing: 0.1em; /* Reduced from 0.3em */
}

.pagination-dots {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  align-items: center;
}

.dot {
  width: 0.8rem; /* Reduced from 1rem */
  height: 0.8rem; /* Reduced from 1rem */
  border-radius: 50%;
  background-color: rgba(233, 233, 233, 0.3); /* Reduced opacity */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.dot.active {
  background-color: rgba(255, 255, 255, 1); /* Active dot color */
}

.dot:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

/* Digest Section
================================================== */
.digest {
  background-color: var(--color-white);
  padding: 8rem 12rem; /* Further increased horizontal padding to make content narrower */
  position: relative;
}

.digest h2 {
  font-size: 7rem; /* Reduced size slightly */
  color: var(--color-gray);
  text-align: left;
  margin-bottom: 1rem;
  font-weight: 400;
  padding-left: 18rem; /* Align with featured content left edge */
  position: relative;
}

.digest h2::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 18rem;
  width: 70%;
  height: 0.5px;
  background-color: #222;
  opacity: 1;
}



/* MSH in sans serif font */
.digest h2 .msh-sans {
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  font-size: 0.85em; /* Slightly smaller than parent */
  letter-spacing: -0.02em; /* Tighten letter spacing */
}

/* DIGEST in serif font */
.digest h2 .digest-serif {
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
}

/* Featured content wrapper - provides positioning context for navigation */
.featured-content {
  position: relative;
}

.featured-content h3 {
  font-size: 2rem;
  color: var(--color-gray);
  margin-bottom: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: relative;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
}

.featured-content h3::after {
  content: "";
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-red);
  opacity: 0.2;
}

/* New Digest Layout */
.digest-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  position: relative;
  min-height: 60rem;
  padding: 0 4rem;
  max-width: 140rem;
  margin: 0 auto;
}

/* Pinned Article (Left Side) */
.digest-pinned {
  position: relative;
}

.digest-pinned .digest-image {
  width: 100%;
  height: 75rem; /* Increased from 60rem */
  overflow: hidden;
  position: relative;
  margin-bottom: 2.5rem;
}

.digest-pinned .digest-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Black gradient overlay for better text contrast */
.digest-pinned .digest-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.3) 100%);
  pointer-events: none;
}

/* Featured Content Overlay on Left Image */
.featured-content-overlay {
  position: absolute;
  top: 3rem;
  left: 3rem;
  right: 3rem;
  z-index: 5;
}

.featured-content-overlay h3 {
  font-size: 1.7rem;
  color: var(--color-white);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Article Content Outside Image - Made Much Bigger */
.pinned-article-content h4 {
  font-size: 4.5rem;
  color: var(--color-gray);
  margin-bottom: 2rem;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.1;
}

.pinned-article-content p {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-gray);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  margin: 0;
}

/* Remove old overlay styles */
.article-overlay {
  display: none;
}

.article-content h4 {
  display: none;
}

.article-content p {
  display: none;
}

/* Scrollable Articles (Right Side) */
.digest-scrollable {
  position: relative;
  display: flex;
  flex-direction: column;
}

.digest-scroll-container {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.digest-scroll-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  height: auto; /* Allow natural height to prevent cutoff */
  overflow: hidden; /* Remove scrolling */
  padding-right: 1rem;
  position: relative;
}

/* Article fade transition styles */
.digest-item {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  position: relative;
}

/* Add horizontal hairlines above smaller digest images */
.digest-item::before {
  content: "";
  position: absolute;
  top: -1.5rem;
  left: 0;
  width: 100%;
  height: 0.5px;
  background-color: #222;
  opacity: 1;
}

/* Add vertical hairlines between digest items (only between left and right columns) */
.digest-item:nth-child(odd)::after {
  content: "";
  position: absolute;
  right: -1.5rem;
  top: -1.5rem;
  width: 0.5px;
  height: calc(100% + 3rem);
  background-color: #222;
  opacity: 1;
}

.digest-item.hidden {
  display: none; /* Completely remove from layout flow */
}

.digest-item.fade-in {
  opacity: 0;
  animation: fadeInUp 0.5s ease-out forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Removed arrow from featured content to clean up design */

/* Removed scrollbar styling since we're using fade transitions */

.digest-item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-bottom: 3rem;
}

.digest-item .digest-image {
  width: 100%;
  height: 32rem; /* Reduced from 38rem for better proportions */
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.digest-item .digest-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.digest-item h4 {
  font-size: 2.2rem; /* Increased from 1.8rem */
  color: var(--color-gray);
  margin-bottom: 0.8rem;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.3;
  flex-grow: 1;
}

.digest-item p {
  font-size: 1.2rem;
  font-weight: 700; /* Made bold */
  color: var(--color-gray);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  margin: 0;
}

/* Scroll Navigation */
.scroll-navigation {
  position: absolute;
  bottom: 0; /* Align with bottom of extended divider */
  left: calc(50% + 1rem); /* Position to the right of the divider, inline with it */
  display: flex;
  justify-content: center;
  gap: 1rem;
  z-index: 5;
}

.scroll-btn {
  background-color: transparent;
  border: none;
  color: #000000;
  width: auto;
  height: auto;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 1;
  font-size: 1.8rem;
  font-weight: 400;
  font-family: 'Mabry Pro', sans-serif;
}

.scroll-btn:hover {
  background-color: #000000;
  color: var(--color-white);
  opacity: 1;
}

.scroll-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.scroll-btn:disabled:hover {
  background-color: transparent;
  color: #000000;
}

/* Vertical separator between pinned and scrollable - separate from horizontal line */
.digest-layout::after {
  content: "";
  position: absolute;
  top: 0; /* Start from content area, not title */
  left: calc(50% - 0.25px);
  height: 85rem; /* Standard height for content area */
  width: 0.5px;
  background-color: #222;
  opacity: 1;
}

.more-link {
  text-align: right;
  margin-top: 3rem;
  padding-right: 1rem;
}

.more-link a {
  font-size: 1.6rem;
  color: var(--color-gray);
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}

.more-link a:hover {
  color: var(--color-red);
}

.more-link a:after {
  content: '';
  display: inline-block;
  width: 2rem;
  height: 1.5rem;
  background-image: url('../images/arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 1rem;
  transition: all 0.3s ease;
}

.more-link a:hover:after {
  transform: translateX(0.5rem);
}

/* Podcast Section
================================================== */
.podcast {
  background-color: var(--color-burgundy); /* Changed to darker burgundy */
  color: var(--color-white);
  padding: 8rem 0;
  position: relative; /* Add relative positioning for absolute children */
}

.podcast-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2.5rem !important;
}

.podcast-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.podcast-right {
  align-items: flex-start;
}

.podcast-heading-wrapper {
  position: absolute;
  top: 7rem; /* Move down to overlap image more */
  left: 50%;
  width: 100%;
  max-width: 70rem;
  transform: translateX(-50%);
  z-index: 5;
  pointer-events: none;
  height: 20rem; /* Increase height for more overlap */
}

.podcast-logo {
  position: absolute;
  top: 2.5rem; /* Move logo down to overlap image */
  left: 50%; /* Center horizontally */
  transform: translateX(-50%);
  width: 30rem; /* Size down from 36rem */
  max-width: 100%;
  z-index: 1;
  margin: 0;
  pointer-events: none;
}

.podcast-logo svg {
  width: 100%;
  height: auto;
  display: block;
  fill: var(--color-bright-red) !important;
  /* filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3)); */ /* Removed drop shadow */
}

.podcast-logo svg path {
  fill: var(--color-bright-red) !important;
}

.podcast-heading-wrapper h2 {
  position: absolute;
  top: 11rem; /* Move title down for more overlap */
  left: 50%;
  transform: translateX(-50%);
  font-size: 5.0rem; /* Increased slightly from 4.6rem */
  margin: 0;
  text-transform: uppercase;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  z-index: 2;
  color: var(--color-white);
  pointer-events: none;
}

.podcast-image {
  max-width: 70rem;
  margin: 0 auto;
  position: relative;
  margin-top: 12rem;
}

.podcast-image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: none;
}

.podcast-description {
  position: absolute;
  left: 50%;
  bottom: -6rem; /* Move down more from -4rem */
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 100%;
  z-index: 1;
  pointer-events: none;
}

  .podcast-description {
    max-width: none;
    width: 100%;
    margin: 0 auto;
  }

  .podcast-description p {
    font-size: 2.8rem;
    padding: 0;
    text-align: center;
}

.podcast-description p {
  font-size: 4.2rem;
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  line-height: 1.01;
  text-align: center;
  color: var(--color-white);
  /* text-shadow: 0 2px 8px rgba(0,0,0,0.7); */ /* Removed text shadow */
  margin: 0;
  padding: 0 2rem;
}

.podcast-signup {
  width: 100%;
  max-width: 60rem;
  margin-top: 8rem; /* Add more space from 4rem */
}

.podcast-signup h3 {
  font-size: 2rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500;
  color: var(--color-white); /* Make sure heading is white */
}

.signup-lead {
  color: var(--color-white);
  font-size: 1.3rem;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: pre-line;
  margin-right: 0;
  flex-shrink: 0;
  display: block;
  text-align: center;
  line-height: 1.2;
  align-self: center;
  margin-bottom: 0;
}

.signup-lead br {
  display: block;
  content: "";
  margin-bottom: 0.2em;
}

.signup-form .form-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-wrap: nowrap;
  justify-content: center;
}

.signup-form .input-wrapper {
  position: relative;
  flex-grow: 0;
  min-width: 30rem;
  max-width: 40rem;
  width: 100%;
}

.signup-form input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid var(--color-white);
  color: var(--color-white);
  font-size: 1.8rem;
  padding: 0.5rem 0;
  font-family: 'Mabry Pro', sans-serif;
  text-align: center;
  max-width: 40rem;
  outline: none;
}

.disclaimer {
  font-size: 0.6rem;
  color: #c6333a;
  text-align: center;
  margin-top: 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Footer Section
================================================== */
.footer {
  background-color: var(--color-burgundy); /* Using the burgundy variable */
  color: rgba(255, 255, 255, 0.8);
  padding: 12rem 0; /* Increased from 8rem to make footer taller */
  position: relative;
  display: flex;
  align-items: flex-end; /* Align footer content to bottom */
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 45rem; /* Increased from 30rem to make footer more spacious */
  position: relative; /* Allow absolute positioning of children */
}

.footer-left {
  width: 70%; /* Increased from 60% to take up even more space */
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Logo at top, icons at bottom */
  height: 100%;
  padding-left: 0.5rem; /* Move logo even closer to the left edge */
  align-items: flex-start;
}

.footer-right {
  width: 30%; /* Reduced from 40% to make content move even further left */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-left: 0; /* Remove padding to move content further left */
  margin-left: -4rem; /* Negative margin to pull content even further left */
  padding-right: 0.5rem; /* Match the logo's left padding for symmetrical spacing */
}

.footer-right-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 45rem; /* Increased to match footer-columns height */
}

.footer-logo {
  max-width: 32rem; /* Increased from 25rem to make logo bigger on mobile */
  margin-bottom: 0.5rem; /* Reduced to bring icons even closer to logo */
}

.footer-spacer {
  flex-grow: 1; /* This will push the icons to the bottom */
}

.footer-left-bottom {
  position: absolute; /* Position absolutely within footer-columns */
  bottom: 0; /* Align to bottom of footer-columns */
  left: 0.5rem; /* Match the footer-left padding */
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 0;
}

.social-icons {
  display: flex;
  gap: 2rem;
  margin-bottom: 1rem; /* Reduced spacing before copyright */
  align-items: center;
  margin-left: 0; /* Ensure social icons are aligned with logo */
  padding-left: 0; /* Remove any padding */
}

.social-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Make Substack icon larger to match other icons */
.social-icon img[alt="Substack"] {
  width: 150%; /* Increased from 120% to 150% to make Substack icon even larger */
  height: 150%;
}

.copyright {
  font-size: 1.4rem;
  color: #c6333a;
  margin-left: 0; /* Ensure copyright is aligned with logo and icons */
  font-family: 'Mabry Pro', sans-serif;
  margin-bottom: 0; /* Remove any bottom margin */
  padding-bottom: 0; /* Remove any bottom padding */
}

.footer-contact {
  margin-bottom: 0;
}

.footer-right h3 {
  font-size: 4rem; /* Increased from 3rem to make headings larger */
  color: var(--color-white);
  margin-bottom: 2rem;
  font-weight: 400;
  font-family: "FreightDispCmp Pro", serif;
}

.footer-right p {
  font-size: 1.8rem;
  margin-bottom: 0.05rem; /* Minimal spacing - almost touching */
  color: #c6333a;
  font-family: 'Mabry Pro', sans-serif;
}

.footer-newsletter {
  width: 100%;
  margin-top: 4rem; /* Increased spacing above "Join the Newsletter" section */
}

.newsletter-form .form-group {
  display: flex;
  margin-bottom: 1rem;
  gap: 1rem;
  width: 100%;
  align-items: flex-end; /* Align items to bottom of container */
}

.newsletter-form input {
  background: none;
  border: none;
  border-bottom: 1px solid #c6333a;
  color: #c6333a;
  padding: 0.5rem 0;
  font-size: 1.8rem;
  flex-grow: 1;
  width: 100%;
  max-width: 18rem;
  font-family: 'Mabry Pro', sans-serif;
  outline: none;
}

.newsletter-form input:focus {
  outline: none; /* Remove focus outline */
  border-bottom: 1px solid #c6333a; /* Keep the same border on focus */
}

.newsletter-form input::placeholder {
  color: #c6333a;
}

.newsletter-form .btn {
  background-color: var(--color-bright-red);
  color: var(--color-burgundy);
  text-transform: uppercase;
  border: none;
  padding: 0 2.5rem !important; /* Removed top padding */
  font-size: 1.4rem;
  cursor: pointer;
  border-radius: 0;
  font-weight: 400;
  letter-spacing: 0.05em;
  transition: background-color 0.3s ease;
  font-family: 'Mabry Pro', sans-serif;
  line-height: 1 !important;
  height: 3rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(-4px); /* Increased upward shift */
  margin-bottom: 0 !important;
}

.newsletter-form .btn:hover {
  background-color: var(--color-white);
  color: var(--color-burgundy);
}

.disclaimer {
  font-size: 0.5rem; /* Much smaller than the general disclaimer */
  color: #c6333a;
  text-align: left;
  margin-top: 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Custom social icon styles to match the desired design */
.instagram-icon {
  border: 2px solid white;
  border-radius: 4px;
}

/* Specific rule for newsletter disclaimer to make it smaller */
.newsletter-form .disclaimer {
  font-size: 1.4rem; /* Increased from 1.2rem to make it slightly larger */
  color: #c6333a;
  text-align: left;
  margin-top: 0;
  font-family: 'Mabry Pro', sans-serif;
}

/* Power of Wisdom Event Section
================================================== */
.power-of-wisdom-event {
  background-color: #ffffff; /* Plain white background */
  padding: 10rem 0 15rem 0; /* Increased bottom padding for more spacing from next section */
}

.event-content {
  display: flex;
  align-items: stretch; /* Make both columns same height */
  gap: 8.4rem; /* Matches Figma 84px item spacing */
  max-width: 178rem; /* Closer to Figma 1781px total width */
  margin: 0 auto;
  min-height: 60rem; /* Set minimum height for proper spacing */
}

.event-left-column {
  flex: 1;
  max-width: 76.85rem; /* Matches Figma 768.5px width */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Push location info to bottom */
  min-height: 100%; /* Ensure full height to create proper spacing */
}

.event-image {
  width: 100%;
  margin-bottom: 8rem; /* Increase spacing to push location info down more */
}

.event-image img {
  width: 85%; /* Make image smaller */
  height: auto;
  display: block;
  /* filter: grayscale(100%) brightness(1.15); */ /* Removed grayscale filter */
  padding-left: 6rem; /* Add even more left padding for white space */
}

.event-details {
  flex: 1;
  max-width: 35rem; /* Make text blocks even narrower for longer text flow */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Push RSVP to bottom */
  min-height: 100%; /* Ensure full height */
}

.event-top-content {
  display: flex;
  flex-direction: column;
  gap: 8rem; /* Increase gap to push RSVP down more */
}

.event-header {
  margin-bottom: 0;
}

.event-label {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 700; /* Make "JOIN OUR NEXT EVENT" bold */
  color: var(--color-bright-red);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-bottom: 1rem;
}

.event-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 5.2rem; /* Size down title */
  font-weight: 700; /* Bold */
  color: var(--color-bright-red);
  line-height: 1;
  margin: 0;
  letter-spacing: -0.02em; /* Decrease letter spacing */
}

.event-description {
  margin-bottom: 0; /* Remove since we're using flex gap now */
}

.event-description p {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 2.4rem; /* Make font bigger */
  font-weight: 400;
  color: var(--color-bright-red);
  line-height: 1.2; /* Reduced from 1.4 for tighter line spacing */
  margin-bottom: 2rem;
}

.event-description p:last-child {
  margin-bottom: 0; /* Remove bottom margin from last paragraph */
}

.event-info {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* Reduce spacing between location and date blocks */
  max-width: 40rem; /* Make consistent with narrower text blocks */
  margin-bottom: 0;
  padding-left: 6rem; /* Align with image padding */
}

.event-location,
.event-date {
  /* Remove flex: 1 since we're now stacking vertically */
}

.event-info h4 {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-bright-red);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem; /* Reduce spacing below headers */
}

.venue-name,
.date-info {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-bright-red);
  margin-bottom: 0.2rem; /* Tighter spacing between venue/date and address/time */
}

.venue-address,
.time-info {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: var(--color-red);
  margin-bottom: 0;
}

.event-rsvp {
  display: flex;
  flex-direction: column;
  gap: 3.2rem; /* Matches Figma 32px spacing between button and note */
  align-items: flex-start;
  margin-top: 6rem; /* Push RSVP block down more */
}

.rsvp-btn {
  background-color: var(--color-burgundy);
  color: var(--color-white); /* Light text color */
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 400; /* Match footer button weight */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.2rem 4rem 0 4rem; /* Make button wider */
  height: 3rem; /* Match footer button height */
  border: none;
  cursor: pointer;
  border-radius: 0; /* Square corners like footer */
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  margin: 0;
}

.rsvp-btn:hover {
  background-color: var(--color-bright-red);
  color: var(--color-white); /* Keep light text on hover for visibility */
}

.rsvp-note {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--color-red);
  margin: 0;
  max-width: 40rem; /* Make consistent with narrower text blocks */
}

@media (max-width: 992px) {
  .power-of-wisdom-event {
    padding: 8rem 0 12rem 0; /* Increased bottom padding for more spacing */
  }
  
  .event-content {
    flex-direction: column;
    gap: 4rem;
    text-align: center;
  }
  
  .event-left-column {
    max-width: 100%;
    gap: 4rem; /* Reduce gap on medium screens */
  }
  
  .event-details {
    max-width: 100%;
  }
  
  .event-title {
    font-size: 4.8rem;
  }
  
  .event-info {
    max-width: 100%;
    align-items: center;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .power-of-wisdom-event {
    padding: 6rem 0;
  }
  
  .event-content {
    gap: 3rem;
  }
  
  .event-left-column {
    gap: 3rem; /* Smaller gap on mobile */
  }
  
  .event-title {
    font-size: 3.6rem;
  }
  
  .event-description p {
    font-size: 1.6rem;
    line-height: 1.2; /* Keep tighter line spacing on mobile */
  }
  
  .event-info {
    flex-direction: column;
    gap: 2rem;
    text-align: center;
  }
  
  .rsvp-btn {
    width: 100%;
    max-width: 25rem; /* Slightly wider on mobile */
    height: 3rem; /* Keep consistent height */
    padding: 0.2rem 1rem 0 1rem; /* Reduce padding on mobile */
  }
}

/* Wisdom Booking Section
================================================== */
.wisdom-booking-section {
  background-color: var(--color-burgundy);
  padding: 12rem 0;
}

.wisdom-booking-section .container {
  max-width: 120rem;
}

.booking-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.booking-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 6.4rem;
  font-weight: 400;
  color: var(--color-white); /* Changed from cream to white */
  line-height: 1.1;
  margin-bottom: 8rem;
  text-align: center;
}

.wisdom-booking-form {
  width: 100%;
  max-width: 120rem; /* Make form wider */
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}

.form-field {
  position: relative;
  display: flex;
  flex-direction: column;
}

.form-field.full-width {
  grid-column: 1 / -1;
  margin-top: 2rem;
}

.wisdom-booking-form input,
.wisdom-booking-form select,
.wisdom-booking-form textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--color-white);
  color: var(--color-white); /* Changed from cream to white */
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  padding: 1.5rem 0;
  outline: none;
  transition: all 0.3s ease;
}

.wisdom-booking-form input::placeholder,
.wisdom-booking-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.7); /* Changed to white with opacity */
}

.wisdom-booking-form input:focus,
.wisdom-booking-form textarea:focus {
  border-bottom-color: var(--color-bright-red);
}

.wisdom-booking-form select:focus {
  border-bottom-color: var(--color-white);
  outline: none;
}

.wisdom-booking-form select {
  appearance: none;
  cursor: pointer;
  padding-right: 3rem;
}

.dropdown-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  color: var(--color-white);
  pointer-events: none;
  font-size: 1.2rem;
  font-weight: normal;
}

.wisdom-booking-form textarea {
  resize: vertical;
  min-height: 15rem;
  border: 1px solid var(--color-white); /* Changed from cream to white */
  padding: 2rem;
  line-height: 1.4;
}

.wisdom-booking-form textarea:focus {
  border-color: var(--color-bright-red);
}

.booking-submit-btn {
  background-color: var(--color-cream);
  color: var(--color-burgundy);
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 1.5rem 4rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  align-self: flex-end;
  margin-top: 2rem;
}

.booking-submit-btn:hover {
  background-color: var(--color-bright-red);
  color: var(--color-white);
}

@media (max-width: 768px) {
  .wisdom-booking-section {
    padding: 8rem 0;
  }
  
  .booking-title {
    font-size: 4.8rem;
    margin-bottom: 6rem;
  }
  
  .form-row {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .wisdom-booking-form input,
  .wisdom-booking-form select,
  .wisdom-booking-form textarea {
    font-size: 1.6rem;
  }
  
  .booking-submit-btn {
    align-self: stretch;
    padding: 1.8rem 2rem;
  }
}

/* Responsive Styles
================================================== */
@media (max-width: 1400px) {
  html {
    font-size: 56.25%; /* 9px = 1rem */
  }
  
  .container {
    max-width: 1200px;
  }
  
  .digest-layout {
    gap: 2rem;
    padding: 0 3rem; /* Reduced padding for medium screens */
  }
  
  .digest-pinned .digest-image {
    height: 65rem; /* Increased from 50rem */
  }
  
  .digest-scroll-wrapper {
    height: 65rem; /* Increased from 50rem */
  }
}

@media (max-width: 992px) {
  html {
    font-size: 50%; /* 8px = 1rem */
  }
  
  .container {
    max-width: 95%;
    padding: 0 4rem 0 4rem; /* Consistent left/right padding on mobile */
  }
  
  .service-columns {
    grid-template-columns: 1fr 1fr;
  }
  
  .digest {
    padding: 8rem 8rem; /* Consistent horizontal padding on tablet */
  }

  .digest h2 {
    font-size: 5.5rem; /* Proportionally smaller on tablet */
    padding-left: 12rem; /* Align with tablet layout */
  }

  .digest h2::after {
    left: 12rem; /* Align with tablet layout */
    width: 70%; /* Shorter hairline on tablet */
  }



  .digest-layout {
    grid-template-columns: 1fr;
    gap: 3rem;
    padding: 0 4rem; /* Increased padding for tablet to match desktop proportions */
    max-width: none;
  }
  
  .digest-layout::after {
    display: none;
  }
  
  .digest-pinned .digest-image {
    height: 55rem; /* Increased from 45rem */
  }
  
  .digest-scroll-wrapper {
    grid-template-columns: 1fr 1fr;
    height: auto; /* Allow natural height on tablet */
    gap: 2rem;
    overflow: hidden; /* Ensure no scrolling on tablet */
  }
  
  .digest-item .digest-image {
    height: 32rem; /* Increased from 25rem to make even longer */
  }
  
  .footer-columns {
    flex-direction: column;
    gap: 6rem;
    position: static; /* Remove relative positioning on mobile */
  }
  
  .footer-left, .footer-right {
    width: 100%;
  }
  
  .footer-right {
    padding-left: 0; /* Remove any existing padding and align with container */
    margin-left: 0; /* Remove negative margin on mobile */
  }
  
  .footer-logo {
    max-width: 20rem;
    padding-top: 1rem;
  }
  
  .footer-left {
    padding-left: 0; /* Align with container padding */
    justify-content: flex-start; /* Stack normally on mobile */
  }
  
  .footer-spacer {
    min-height: 2rem; /* Smaller spacing on mobile */
  }
  
  .footer-left-bottom {
    position: static; /* Remove absolute positioning on mobile */
    margin-top: 0;
    left: auto;
    bottom: auto;
  }
  
  .footer-contact {
    margin-bottom: 3rem; /* Reduced spacing to match newsletter */
  }
  
  .footer-newsletter {
    margin-top: 0; /* Remove extra margin above newsletter on mobile */
  }
  
  .mission-text.speaking-mission {
    font-size: 4.8rem; /* Smaller on tablet */
    padding: 0 6rem; /* Reduced padding for smaller screens */
  }
  
  .stats-content {
    padding: 0 6rem; /* Match mission text tablet padding */
  }
  
  .stats-number {
    font-size: 9rem; /* Smaller on tablet */
  }
  
  .stats-description {
    font-size: 2.8rem; /* Smaller on tablet */
  }
}

@media (max-width: 768px) {
  html {
    font-size: 43.75%; /* 7px = 1rem */
  }
  
  .container {
    padding: 0 3rem 0 3rem; /* Consistent left/right padding on smaller mobile */
  }
  
  .header .container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
  }
  
  .menu-btn {
    order: 1; /* Move menu button to the end */
  }
  
  .logo {
    order: 0; /* Keep logo at the beginning */
  }
  
    .service-columns {
    grid-template-columns: 1fr;
  }

  .digest {
    padding: 8rem 4rem; /* Increased horizontal padding on small mobile */
  }

  .digest h2 {
    font-size: 4rem; /* Proportionally smaller on mobile */
    padding-left: 4rem; /* Minimal padding on mobile */
  }

  .digest h2::after {
    left: 4rem; /* Align with mobile padding */
    width: 70%; /* Consistent shorter hairline on mobile */
  }



  .digest-scroll-wrapper {
    height: auto; /* Allow natural height on mobile */
    overflow: hidden; /* Remove scrolling on mobile */
  }
  
  .digest-item .digest-image {
    height: 38rem; /* Increased from 30rem to make even longer */
  }
  
  .scroll-navigation {
    display: none; /* Hide since we have vertical scrolling */
  }
  
  /* Mobile pinned article adjustments */
  .featured-content-overlay {
    top: 2rem;
    left: 2rem;
    right: 2rem;
  }
  
  .featured-content-overlay h3 {
    font-size: 1.8rem;
  }
  
  .pinned-article-content h4 {
    font-size: 3rem; /* Adjusted for mobile */
  }
  
  .pinned-article-content p {
    font-size: 1.6rem; /* Adjusted for mobile */
  }
  
  .signup-form .form-group {
    flex-direction: column !important;
  }
  
  .footer-logo {
    max-width: 32rem; /* Increased from 25rem to make logo bigger on mobile */
    margin-bottom: 2rem; /* Reduced spacing */
  }
  
  .footer-left {
    justify-content: flex-start; /* Stack normally on mobile */
  }
  
  .footer-spacer {
    min-height: 1rem; /* Even smaller spacing on smaller mobile */
  }
  
  .footer-left-bottom {
    position: static; /* Remove absolute positioning on mobile */
    margin-top: 0;
    left: auto;
    bottom: auto;
  }
  
  .newsletter-form .form-group {
    flex-direction: row;
  }
  
  .newsletter-form .btn {
    white-space: nowrap;
    padding: 0.2rem 1.5rem 0 1.5rem !important; /* Add slight top padding to lower text */
    line-height: 1 !important; /* Force minimal line height */
    height: 3rem !important; /* Slightly taller to align with input text */
    display: flex !important; /* Use flexbox for centering */
    align-items: center !important; /* Center text vertically */
    justify-content: center !important; /* Center text horizontally */
    align-self: flex-end !important; /* Align with bottom of input field */
    text-align: center !important; /* Force text centering */
  }
  
  .testimonials {
    padding: 8rem 0;
  }

  .testimonial-card {
    padding: 4rem 2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .quote {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
  }
  
  .quote-mark {
    display: none;
  }
  
  .quote p {
    font-size: 4.2rem;
    line-height: 1.1;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    width: 100%;
    height: auto;
  }
  
  .testimonial-author h4 {
    font-size: 1.8rem;
    width: 100%;
    height: auto;
  }
  
  .podcast-description p {
    font-size: 2.2rem;
  }
  
  .mission-text.speaking-mission {
    font-size: 4rem; /* Even smaller on mobile */
    padding: 0 3rem; /* Minimal padding for mobile */
  }
  
  .stats-content {
    padding: 0 6rem; /* Match public speaking section mobile padding */
    text-align: center; /* Center align on mobile */
  }
  
  .stats-number {
    font-size: 7rem; /* Smaller on mobile */
  }
  
  .stats-description {
    font-size: 2.4rem; /* Smaller on mobile */
    max-width: 100%; /* Full width on mobile */
  }
}

@media (max-width: 576px) {
  .container {
    padding: 0 2rem;
  }
  
  .nav ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .digest {
    padding: 8rem 2rem; /* Minimal horizontal padding on small mobile */
  }

  .digest h2 {
    font-size: 3rem; /* Proportionally smaller on small mobile */
    padding-left: 0; /* No padding on small mobile */
  }

  .digest h2::after {
    left: 0; /* No left offset on small mobile */
    width: 80%; /* Much longer on small mobile */
  }



  .digest-layout {
    gap: 2rem;
    padding: 0 1rem; /* Added minimal padding for mobile */
    max-width: none;
  }
  
  .digest-pinned .digest-image {
    height: 45rem; /* Increased from 35rem */
  }
  
  .featured-content-overlay {
    top: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
  }
  
  .featured-content-overlay h3 {
    font-size: 1.6rem;
  }
  
  .pinned-article-content h4 {
    font-size: 3rem; /* Adjusted for small mobile */
  }
  
  .pinned-article-content p {
    font-size: 1.6rem; /* Adjusted for small mobile */
  }
  
  .digest-item h4 {
    font-size: 2rem; /* Increased from 1.6rem to match proportional increase */
  }
  
  .scroll-btn {
    width: 3.5rem;
    height: 3.5rem;
  }
  
  .testimonials {
    padding: 6rem 0;
  }

  .testimonial-card {
    padding: 4rem 1rem;
  }

  .quote {
    flex-direction: column;
    gap: 1rem;
  }
  
  .quote p {
    font-size: 2.8rem; /* Smaller but still proportional to wisdom quote */
  }
  
  .quote-mark {
    align-self: center;
  }
  
  .quote-mark.right {
    align-self: center;
  }
}

.signup-form input::placeholder {
  color: var(--color-white);
  opacity: 1;
}

.signup-form .btn {
  background-color: var(--color-white);
  color: var(--color-burgundy);
  white-space: nowrap;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 600;
  padding: 1.2rem 2.5rem;
  font-size: 1.5rem;
  margin-left: 0;
}

.signup-form .btn:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: var(--color-burgundy);
}

/* Overlay Menu Styles */
.menu-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  z-index: 200;
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  margin: 0; /* Reset any default margins */
}

.menu-text {
  color: var(--color-red);
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Mabry Pro', sans-serif;
  transition: color 0.3s ease;
}

.menu-plus {
  color: var(--color-red);
  font-size: 2.4rem;
  font-weight: 700;
  font-family: 'Mabry Pro', sans-serif;
  line-height: 1;
  transition: all 0.3s ease;
  transform-origin: center;
  vertical-align: top;
  margin-top: -0.2rem;
  /* Force consistent font rendering across browsers */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-variant-numeric: normal;
}

/* Firefox-specific styling */
@-moz-document url-prefix() {
  .menu-plus {
    font-weight: 900;
    text-shadow: 0 0 0.3px currentColor;
  }
}

.menu-btn:hover .menu-text,
.menu-btn:hover .menu-plus {
  color: var(--color-dark-red);
}

/* Active state - rotate plus to X */
.menu-btn.active .menu-plus {
  transform: rotate(45deg);
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(20, 20, 20, 0.98);
  color: var(--color-white);
  z-index: 9999999999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  visibility: hidden;
}

.menu-overlay.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

/* Overlay Header - Mirror main header structure */
.overlay-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  padding: 2rem 0; /* Match main header padding */
  background-color: transparent;
  border-bottom: none;
}

.overlay-header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.overlay-header .logo {
  max-width: 25rem;
  display: flex;
  align-items: center;
  opacity: 0; /* Make logo invisible but keep space */
}

.overlay-header .logo img {
  width: 100%;
  height: auto;
  display: block;
  /* Make logo white for overlay */
  filter: brightness(0) invert(1);
}

.close-menu {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem; /* Match menu button gap */
  z-index: 99999999;
  font-family: 'Mabry Pro', sans-serif; /* Match menu button font */
  font-weight: 700; /* Match menu button weight */
  text-transform: uppercase; /* Match menu button transform */
  letter-spacing: 0.05em; /* Match menu button spacing */
  transition: all 0.3s ease; /* Match menu button transition */
  margin: 0; /* Reset any default margins */
  transform: translateX(-2.2rem); /* Move close to the left using transform */
}

.close-text {
  color: #c6333a; /* Light red color to match overlay theme */
  font-size: 2rem; /* Match menu-text size */
  font-weight: 700; /* Match overlay nav buttons weight */
  font-family: 'Mabry Pro', sans-serif; /* Match overlay nav buttons font */
  text-transform: uppercase; /* Match overlay nav buttons */
  letter-spacing: 0.08em; /* Match overlay nav buttons */
  transition: color 0.3s ease;
}

.close-x {
  color: #c6333a; /* Light red color to match overlay theme */
  font-size: 2.4rem; /* Match exact font size of menu-plus */
  font-weight: 700;
  font-family: 'Mabry Pro', sans-serif;
  line-height: 1;
  transition: all 0.3s ease;
  transform-origin: center;
  vertical-align: top;
  margin-top: 0.3rem; /* Move down more */
  /* Force consistent font rendering across browsers */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: normal;
  font-variant-numeric: normal;
  /* Rotate + by 45 degrees to make it look like X and move left */
  transform: rotate(45deg) translateX(-0.3rem);
}

/* Firefox-specific styling */
@-moz-document url-prefix() {
  .close-x {
    font-weight: 900;
    text-shadow: 0 0 0.3px currentColor;
    margin-top: 0.35rem; /* Fine-tune alignment for Firefox */
  }
}

.close-menu:hover .close-text,
.close-menu:hover .close-x {
  color: var(--color-bright-red);
}

.overlay-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.overlay-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}

.overlay-nav a {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 4rem;
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  transition: color 0.2s;
}

.overlay-nav a:hover,
.overlay-nav a:focus {
  color: var(--color-bright-red);
  outline: none;
}

@media (max-width: 768px) {
  .overlay-nav a {
    font-size: 2.4rem;
  }
  .close-menu {
    top: 2rem;
    right: 2rem;
    font-size: 3.5rem;
  }
}

/* Hide nav in header (if any) */
.header .nav { display: none !important; }

/* Overlay Menu Two-Column Layout */
.menu-overlay {
  background: #620A19;
  color: #c6333a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.overlay-menu-content {
  display: flex;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  padding-top: 8rem; /* Account for overlay header */
  position: relative;
}

.overlay-menu-left, .overlay-menu-right {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.overlay-menu-left {
  align-items: center; /* Center the navigation menu */
  justify-content: center;
  gap: 0.5rem; /* Tight spacing between nav and contact */
}

.overlay-menu-right {
  position: relative;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-left: 4rem; /* Add padding to center relative to the divider */
}

.hover-image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.overlay-brand {
  position: relative;
  z-index: 2;
  margin-bottom: 2rem;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: 4rem; /* Balance the padding with left side */
}

.overlay-brand a {
  color: #c6333a;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-block;
  position: relative;
  z-index: 5;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  cursor: pointer;
}

.overlay-brand a:hover {
  color: var(--color-white);
}

/* Hover Image Container */
.hover-image-container {
  width: 30rem; /* Slightly larger width */
  height: 42rem; /* Slightly larger height, maintaining portrait ratio */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 5; /* Ensure it appears above the text */
}

.hover-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Menu hover images */
.hover-image.about {
  background-image: url('../images/menu_1.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hover-image.podcast {
  background-image: url('../images/menu_2.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hover-image.speaking {
  background-image: url('../images/menu_3.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hover-image.wisdom {
  background-image: url('../images/menu_4.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hover-image.digest {
  background-image: url('../images/menu_5.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /* Make image fill the entire container with no borders */
}

.overlay-divider {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 1px;
  height: 60vh;
  background: #c6333a;
  opacity: 1; /* Make divider fully visible */
  z-index: 1; /* Ensure it's visible above background */
}

.overlay-nav ul {
  gap: 0.8rem; /* Decrease spacing between buttons */
  align-items: center; /* Center the navigation items */
  padding-bottom: 0; /* Remove padding to get precise spacing */
  margin-bottom: 0; /* Remove any bottom margin */
}

.overlay-nav a {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.6rem;
  color: #c6333a;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  transition: color 0.2s;
  text-align: center; /* Center the text */
}

.overlay-nav a:hover,
.overlay-nav a:focus {
  color: var(--color-white);
}

/* Show image container on any menu item hover - using parent selector */
.overlay-menu-left:hover ~ .overlay-menu-right .hover-image-container {
  opacity: 1;
}

/* Show specific images on hover using data attributes */
.overlay-menu-content:has(.overlay-nav a[href*="about"]:hover) .hover-image.about {
  opacity: 1;
}

.overlay-menu-content:has(.overlay-nav a[href*="podcast"]:hover) .hover-image.podcast {
  opacity: 1;
}

.overlay-menu-content:has(.overlay-nav a[href*="speaking"]:hover) .hover-image.speaking {
  opacity: 1;
}

.overlay-menu-content:has(.overlay-nav a[href*="wisdom"]:hover) .hover-image.wisdom {
  opacity: 1;
}

.overlay-menu-content:has(.overlay-nav a[href*="digest"]:hover) .hover-image.digest {
  opacity: 1;
}

.overlay-nav .podcast-font {
  font-size: 3.2rem; /* Made smaller than 5rem */
  font-family: "FreightDispCmp Pro", serif; /* Changed to serif font */
  font-weight: 300; /* Make podcast font thinner */
}

.overlay-contact {
  margin-top: 4rem; /* Add significant top margin to move it down */
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center; /* Center the contact info */
  color: #c6333a; /* Make text light red */
  font-size: 1.6rem; /* Increase font size */
  line-height: 1.3; /* Tighter line height */
}

.overlay-contact a {
  color: #c6333a; /* Make email link light red */
  text-decoration: none;
}

.overlay-brand {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  color: #c6333a;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: left;
  cursor: pointer;
}

.overlay-brand a {
  color: #c6333a;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-block;
  padding: 0.5rem 0;
  position: relative;
  z-index: 5;
}

.overlay-brand a:hover {
  color: var(--color-white);
}

.close-menu {
  color: #c6333a;
  font-size: 5rem; /* Made bigger and thinner */
  font-weight: 50; /* Made even thinner */
  top: 2.5rem; /* Move down and align with nav button */
  right: 3rem; /* Move more to the right to match sandwich button */
  width: 7rem; /* Made bigger to accommodate larger text */
  height: 7rem; /* Made bigger to accommodate larger text */
}

@media (max-width: 900px) {
  .overlay-menu-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding-top: 4rem; /* Reduced padding to move content up */
  }
  .overlay-menu-left {
    position: static;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .overlay-menu-right {
    display: none; /* Hide right side on mobile */
  }
  .overlay-divider {
    display: none; /* Hide divider on mobile */
  }
  .overlay-nav {
    align-items: center;
    width: 100%;
  }
  .overlay-nav ul {
    align-items: center;
    text-align: center;
    gap: 2rem; /* Larger spacing for mobile */
    width: 100%;
  }
  .overlay-nav a {
    font-size: 4.5rem; /* Much larger for mobile */
    font-weight: 700;
    text-align: center;
  }
  .overlay-nav .podcast-font {
    font-size: 5.5rem; /* Larger podcast font for mobile */
  }
  .overlay-contact {
    margin-top: 3rem;
    font-size: 2.2rem; /* Larger contact font for mobile */
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 600px) {
  .overlay-menu-content {
    padding: 8rem 0 0 2rem; /* Adjust padding for smaller screens */
  }
  .overlay-nav a {
    font-size: 4rem; /* Large mobile menu text */
  }
  .overlay-nav .podcast-font {
    font-size: 5rem; /* Large podcast font for smaller mobile */
  }
  .overlay-nav ul {
    gap: 1.5rem; /* Slightly tighter spacing on small mobile */
  }
  .overlay-contact {
    font-size: 2rem; /* Contact font for smaller mobile */
    margin-top: 2.5rem;
  }
}

/* Podcast Hero Section
================================================== */
.podcast-hero {
  background: #FEFFFA;
  padding: 12rem 0 8rem 0;
  min-height: 70vh;
  display: flex;
  align-items: center;
}
.podcast-hero-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6rem;
  flex-wrap: wrap;
}
.podcast-hero-text {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 28rem;
}
.podcast-title {
  font-family: 'FreightDispCmp Pro', serif;
  font-size: 7rem;
  color: #5b1622;
  font-weight: 400;
  margin-bottom: 2rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.podcast-subtitle {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.4rem;
  color: #c6333a;
  font-weight: 700;
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.podcast-desc {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  color: #5b1622;
  font-weight: 400;
  margin-bottom: 0;
  max-width: 40rem;
}
.podcast-hero-image {
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 28rem;
}
.podcast-hero-image img {
  width: 100%;
  max-width: 38rem;
  border-radius: 8px;
  box-shadow: 0 4px 32px rgba(91, 22, 34, 0.08);
}
@media (max-width: 900px) {
  .podcast-hero-content {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
  }
  .podcast-hero-text, .podcast-hero-image {
    min-width: 0;
    width: 100%;
    align-items: center;
    text-align: center;
  }
  .podcast-title {
    font-size: 4rem;
  }
  .podcast-subtitle {
    font-size: 1.6rem;
  }
  .podcast-desc {
    font-size: 1.3rem;
    max-width: 100%;
  }
  .podcast-hero-image img {
    max-width: 90vw;
  }
}

@media (max-width: 768px) {
  .podcast-hero {
    padding: 8rem 0 5rem 0; /* Reduced padding on mobile for tighter spacing */
  }
  
  .podcast-hero-content {
    gap: 2rem; /* Further reduced gap between elements */
  }
  
  .mission {
    padding: 4rem 4rem 8rem 4rem; /* Reduced top padding on mobile */
  }
}

/* Podcast Episodes Section
================================================== */
.podcast-episodes {
  background-color: var(--color-burgundy);
  color: var(--color-white);
  padding: 6rem 0;
  max-width: none;
  margin: 0;
}
.podcast-content {
  max-width: 1400px; /* Increased from 1000px to make it wider */
  margin: 0 auto 3rem auto;
  gap: 2.5rem;
  padding: 0 4rem; /* Match exact padding of mission text */
  box-sizing: border-box; /* Ensure consistent box model */
}
.episodes-slider {
  overflow: visible;
}

.podcast-layout {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

.podcast-content {
  display: flex;
  flex-direction: row;
  gap: 6rem;
  align-items: flex-start;
}

/* Ensure podcast episodes section maintains side-by-side layout on desktop */
@media (min-width: 769px) {
  .podcast-episodes .podcast-content {
    display: flex !important;
    flex-direction: row !important;
    gap: 6rem !important;
    align-items: flex-start !important;
  }
  
  .podcast-episodes .podcast-left {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }
  
  .podcast-episodes .podcast-right {
    flex: 1 !important;
    max-width: 55% !important;
  }
}

.podcast-episodes .podcast-left {
  flex: 0 0 45%;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 45%;
}

.podcast-episodes .podcast-right {
  flex: 1;
  align-items: flex-start;
  max-width: 55%;
}

.podcast-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.5rem;
  font-weight: 400;
  color: var(--color-white);
  line-height: 1.0;
  margin-bottom: 0;
  text-align: left;
  text-transform: none;
}

.podcast-body-text {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
  text-align: left;
}

.podcast-body-text p {
  margin-bottom: 2rem;
}

.podcast-body-text p:last-child {
  margin-bottom: 0;
}

.podcast-slider-section {
  width: 100vw; /* Full viewport width */
  margin-left: calc(-50vw + 50%); /* Break out of container */
  position: relative;
}

.episodes-slider {
  position: relative;
  overflow: hidden;
  margin-bottom: 4rem;
  width: 100%;
}

.slider-track {
  display: flex;
  transition: transform 0.5s ease;
  gap: 2rem;
  width: auto;
  max-width: none;
  margin: 0;
  padding-left: 12rem; /* Initial left padding for first state */
}

.episode-card {
  width: 60rem;
  height: 80rem;
  max-width: none;
  flex: 0 0 60rem;
  display: block;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.episode-card:hover {
  transform: scale(1.02);
}

.episode-image {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.episode-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.episode-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4rem;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
}

.episode-guest {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-white);
  margin-bottom: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.episode-quote {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 3.2rem;
  font-weight: 400;
  color: var(--color-white);
  line-height: 1.2;
  margin-bottom: 2rem;
  font-style: normal;
}

.episode-number {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.episode-link {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.2rem; /* Reduced from 1.6rem to make button smaller */
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0.6rem 1.2rem; /* Reduced from 0.8rem 1.5rem to make button smaller */
  border-radius: 4px;
  transition: all 0.3s ease;
  display: inline-block;
}

.episode-link:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--color-white);
  transform: translateY(-2px);
}

.slider-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.slider-btn {
  background: none;
  border: 2px solid var(--color-white);
  color: var(--color-white);
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.slider-btn:hover {
  background-color: var(--color-white);
  color: var(--color-burgundy);
}

.slider-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.slider-dots {
  display: flex;
  gap: 1rem;
}

.slider-dots .dot {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: none;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}

.slider-dots .dot.active {
  background-color: var(--color-white);
}

.slider-dots .dot:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 992px) {
  .podcast-episodes {
    padding: 10rem 6rem;
  }
  
  .podcast-layout {
    gap: 4rem;
  }
  
  .podcast-content {
    gap: 4rem;
  }
  
  .podcast-episodes .podcast-content {
    display: flex !important;
    flex-direction: row !important;
    gap: 4rem !important;
  }
  
  .podcast-title {
    font-size: 4.2rem;
    line-height: 0.95;
    text-align: left;
  }
  
  .podcast-body-text {
    font-size: 2rem;
    text-align: left;
  }
  
  .slider-track {
    padding-left: 6rem; /* Reduced padding for tablet */
  }
  
  .episode-card {
    flex: 0 0 calc(75% - 1rem);
  }
  
  .episode-image {
    height: 80rem;
  }
  
  .episode-guest {
    font-size: 1.8rem;
  }
  
  .episode-quote {
    font-size: 2.8rem;
  }
  
  .episode-number {
    font-size: 1.4rem;
  }
}

@media (max-width: 768px) {
  .podcast-episodes {
    padding: 6rem 3rem;
  }
  
  .podcast-layout {
    gap: 3rem;
  }
  
  .podcast .podcast-content {
    display: block; /* Stack content vertically on mobile - only for index page */
    gap: 0;
  }
  
  .podcast-episodes .podcast-content {
    display: flex !important; /* Keep side-by-side layout on podcast page even on mobile */
    flex-direction: row !important;
    gap: 3rem !important;
  }
  
  .podcast-title {
    font-size: 3.4rem;
    line-height: 0.9;
    text-align: left;
  }
  
  .podcast-body-text {
    font-size: 1.8rem;
    text-align: left;
    margin-top: 3rem; /* Add spacing between stacked elements */
  }
  
  .slider-track {
    padding-left: 3rem; /* Minimal padding for mobile */
  }
  
  .episode-card {
    flex: 0 0 calc(85% - 1rem);
  }
  
  .episode-image {
    height: 70rem;
  }
  
  .episode-overlay {
    padding: 3rem;
  }
  
  .episode-guest {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }
  
  .episode-quote {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
  }
  
  .episode-number {
    font-size: 1.2rem;
  }
  
  .slider-controls {
    gap: 2rem;
  }
  
  .slider-btn {
    width: 4rem;
    height: 4rem;
    font-size: 1.6rem;
  }
} 

/* More Episodes Section
================================================== */
.more-episodes {
  background-color: var(--color-white);
  padding: 10rem 12rem;
}

.more-episodes-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--color-black);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6rem;
}

.episodes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem; /* Further reduced for tighter spacing */
}

.episode-grid-item {
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.episode-grid-item:hover {
  opacity: 0.7; /* Color change effect instead of bounce */
}

.episode-grid-image {
  width: 100%;
  height: 50rem; /* Increased from 45rem to make tiles taller */
  overflow: hidden;
  margin-bottom: 2rem;
}

.episode-grid-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.episode-grid-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 2.4rem;
  font-weight: 400;
  color: var(--color-black);
  line-height: 1.2;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.episode-grid-category {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--color-gray);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

@media (max-width: 992px) {
  .more-episodes {
    padding: 8rem 6rem;
  }
  
  .episodes-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem; /* Further reduced for tighter spacing */
  }
  
  .episode-grid-image {
    height: 44rem; /* Increased from 40rem to make tiles taller */
  }
  
  .episode-grid-title {
    font-size: 2.6rem;
  }
  
  .episode-grid-category {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  .more-episodes {
    padding: 6rem 3rem;
  }
  
  .more-episodes-title {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
  
  .episodes-grid {
    grid-template-columns: 1fr;
    gap: 1.2rem; /* Further reduced for tighter spacing */
  }
  
  .episode-grid-image {
    height: 38rem; /* Increased from 35rem to make tiles taller */
  }
  
  .episode-grid-image img {
    object-position: center 20%; /* Crop more from top to show faces better on mobile */
  }
  
  .episode-grid-title {
    font-size: 2.4rem;
  }
  
  .episode-grid-category {
    font-size: 1.6rem;
  }
}

/* Public Speaking Section
================================================== */
.public-speaking {
  background-color: var(--color-off-white);
  padding: 10rem 20rem 10rem 20rem;
  color: var(--color-dark-red);
  position: relative;
}

.speaking-layout {
  display: grid;
  grid-template-columns: 1fr 60rem;
  gap: 4rem;
  align-items: center;
  margin-bottom: 8rem;
  position: relative;
  justify-items: center;
}

.speaking-content {
  display: flex;
  flex-direction: column;
  padding-right: 2rem;
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-left: 0rem;
  max-width: 45rem;
}

.speaking-section-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 4.5rem;
  font-weight: 700;
  color: var(--color-dark-red);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 3rem;
  position: relative;
  z-index: 3;
  margin-right: 0;
  margin-left: 0;
  white-space: nowrap;
}

.speaking-description p {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: var(--color-dark-red);
  line-height: 1.6;
  margin: 0;
}

.speaking-image {
  width: 60rem;
  height: 85rem;
  overflow: hidden;
  position: relative;
}

.speaking-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.speaking-topics {
  text-align: left;
  padding-right: 12rem;
  margin-left: 0rem;
  margin-bottom: 12rem;
  position: relative;
}

.topics-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--color-dark-red);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
}

.topics-main-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem;
  font-weight: 400;
  color: var(--color-dark-red);
  line-height: 0.95;
  margin-bottom: 4rem;
  max-width: 90%;
}

.book-martha {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 2rem;
  text-align: left;
}

.book-link {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--color-dark-red);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: opacity 0.3s ease;
}

.book-link:hover {
  opacity: 0.8;
}

@media (max-width: 992px) {
  .public-speaking {
    padding: 8rem 6rem;
  }
  
  .speaking-layout {
    grid-template-columns: 1fr 45rem;
    gap: 4rem;
    text-align: left;
  }
  
  .speaking-content {
    padding-right: 0;
    margin-top: 0;
    margin-left: 0rem;
    max-width: none;
  }
  
  .speaking-topics {
    padding-right: 0;
    margin-left: 0rem;
  }
  
  .speaking-section-title {
    font-size: 2.8rem;
    margin-right: 0;
    margin-left: 0;
  }
  
  .speaking-description p {
    font-size: 1.6rem;
  }
  
  .speaking-image {
    width: 45rem;
    height: 60rem;
  }
  
  .speaking-topics {
    text-align: left;
  }
  
  .topics-main-title {
    font-size: 7rem;
    max-width: 100%;
  }
  
  .book-link {
    font-size: 1.6rem;
  }
}

/* Logos Section
================================================== */
.logos-section {
  background-color: #7A0C1F;
  padding: 8rem 20rem;
  color: #E9E9E9;
}

.logos-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  color: #E9E9E9;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 6rem;
  text-align: left;
  margin-left: 0rem; /* Align with other sections */
}

.logos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6rem;
  align-items: center;
  justify-items: center;
  margin-left: 0rem; /* Align with other sections */
  max-width: 100%;
}

.logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  width: 100%;
}

.logo-item img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1); /* Make logos white */
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

.logo-item:hover img {
  opacity: 1;
}

@media (max-width: 992px) {
  .logos-section {
    padding: 6rem 10rem;
  }
  
  .logos-title {
    font-size: 1.6rem;
    margin-bottom: 4rem;
    margin-left: 0rem; /* Align with other sections on tablet */
    text-align: left;
  }
  
  .logos-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
    margin-left: 0rem; /* Align with other sections on tablet */
  }
  
  .logo-item {
    height: 6rem;
  }
}

@media (max-width: 768px) {
  .logos-section {
    padding: 4rem 6rem;
  }
  
  .logos-title {
    font-size: 1.4rem;
    margin-bottom: 3rem;
    margin-left: 0rem; /* Align with other sections on mobile */
    text-align: left;
  }
  
  .logos-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-left: 0rem; /* Align with other sections on mobile */
  }
  
  .logo-item {
    height: 5rem;
  }
}

/* Press Kit Section
================================================== */
.press-kit-section {
  background-color: #7A0C1F;
  padding: 8rem 20rem;
  color: #E9E9E9;
}

.press-kit-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.press-kit-image {
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
}

.press-kit-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.press-kit-cta {
  margin-top: 0rem;
}

.press-kit-link {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E9E9E9;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: opacity 0.3s ease;
  display: inline-block;
  padding: 1.5rem 0;
}

.press-kit-link:hover {
  opacity: 0.8;
}

@media (max-width: 992px) {
  .press-kit-section {
    padding: 6rem 10rem;
  }
  
  .press-kit-image {
    margin-bottom: 1.5rem;
  }
  
  .press-kit-link {
    font-size: 1.6rem;
  }
}

@media (max-width: 768px) {
  .press-kit-section {
    padding: 4rem 6rem;
  }
  
  .press-kit-image {
    margin-bottom: 1rem;
  }
  
  .press-kit-link {
    font-size: 1.4rem;
  }
}

/* Services Section
================================================== */
.services-section {
  background-color: #620A19;
  padding: 8rem 20rem 12rem 20rem;
  color: #E9E9E9;
}

.services-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8rem;
  align-items: flex-start;
}

.services-left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.services-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 8rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 1.1;
  margin: 0;
  padding-bottom: 1rem;
  position: relative;
  display: inline;
  text-decoration: underline;
  text-decoration-color: #E9E9E9;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.8rem;
}

.services-right {
  display: flex;
  align-items: flex-start;
  padding-top: 2rem;
}

.services-description {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 992px) {
  .services-section {
    padding: 6rem 10rem 9rem 10rem;
  }
  
  .services-content {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  
  .services-title {
    font-size: 6rem;
  }
  
  .services-description {
    font-size: 2rem;
  }
  
  .services-right {
    padding-top: 0;
  }
}

@media (max-width: 768px) {
  .services-section {
    padding: 4rem 6rem 7rem 6rem;
  }
  
  .services-content {
    gap: 3rem;
  }
  
  .services-title {
    font-size: 4.5rem;
  }
  
  .services-description {
    font-size: 1.8rem;
  }
}

/* Wisdom Exchange Section
================================================== */
.wisdom-exchange-section {
  background-color: #F5F5F5;
  padding: 0;
  color: #000000;
  min-height: 100vh;
}

.wisdom-exchange-section .container {
  max-width: none;
  padding: 0;
  margin: 0;
}

.wisdom-exchange-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  align-items: stretch;
  min-height: 100vh;
}

.wisdom-exchange-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.wisdom-exchange-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wisdom-exchange-text {
  padding: 6rem 6rem 6rem 6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: #F5F5F5;
}

.wisdom-exchange-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 12rem;
  font-weight: 400;
  color: #000000;
  line-height: 0.8;
  margin: 0;
}

.wisdom-exchange-subtitle {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.4rem;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-top: 2rem;
  line-height: 1.1;
  text-align: left;
}

.wisdom-exchange-description {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.8rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.0;
  margin: 0;
  font-style: normal;
}

@media (max-width: 992px) {
  .wisdom-exchange-section {
    padding: 0;
    min-height: auto;
  }
  
  .wisdom-exchange-content {
    grid-template-columns: 1fr;
    gap: 0;
    min-height: auto;
  }
  
  .wisdom-exchange-text {
    padding: 4rem 4rem 4rem 4rem;
  }
  
  .wisdom-exchange-title {
    font-size: 8rem;
  }
  
  .wisdom-exchange-subtitle {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
  
  .wisdom-exchange-description {
    font-size: 3.2rem;
  }
}

@media (max-width: 768px) {
  .wisdom-exchange-section {
    padding: 0;
  }
  
  .wisdom-exchange-content {
    gap: 0;
  }
  
  .wisdom-exchange-text {
    padding: 3rem 3rem 3rem 3rem;
    justify-content: center;
    gap: 3rem;
  }
  
  .wisdom-exchange-title {
    font-size: 6rem;
    margin: 0;
  }
  
  .wisdom-exchange-subtitle {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
  
  .wisdom-exchange-description {
    font-size: 2.4rem;
  }
}

/* Wisdom Stats Section
================================================== */
.wisdom-stats {
  background-color: var(--color-burgundy);
  padding: 8rem 0;
  text-align: left;
}

.wisdom-stats .stats-content {
  max-width: 160rem;
  margin: 0 auto;
  padding: 0 12rem;
}

.wisdom-stats .stats-label {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #E9E9E9;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 2rem 1rem;
}

.wisdom-stats .stats-number {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 0.8;
  margin: 0 0 1rem 1rem;
}

.wisdom-stats .stats-description {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.2rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 0.9;
  margin: 0 0 0 1rem;
  max-width: 80rem;
}

@media (max-width: 768px) {
  .public-speaking {
    padding: 6rem 3rem;
  }
  
  .speaking-layout {
    grid-template-columns: 1fr 30rem;
    gap: 2rem;
  }
  
  .speaking-content {
    margin-left: 0rem;
  }
  
  .speaking-topics {
    margin-left: 0rem;
  }
  
  .speaking-section-title {
    font-size: 2.2rem;
    margin-bottom: 2rem;
    margin-right: 0;
    margin-left: 0;
  }
  
  .speaking-description p {
    font-size: 1.4rem;
  }
  
  .speaking-image {
    width: 30rem;
    height: 40rem;
  }
  
  .topics-title {
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
  
  .topics-main-title {
    font-size: 5rem;
    margin-bottom: 3rem;
  }
  
  .book-link {
    font-size: 1.4rem;
  }
}

/* Booking Form Section
================================================== */
.booking-form-section {
  background-color: var(--color-burgundy);
  padding: 8rem 0;
  color: #E9E9E9;
}

.booking-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8rem;
  max-width: 160rem;
  margin: 0 auto;
  padding: 0 12rem;
  align-items: start;
}

.booking-left {
  padding-right: 4rem;
}

.booking-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.8rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 1.1;
  margin: 0;
}

.booking-right {
  padding-left: 4rem;
}

.booking-form-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #E9E9E9;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0 0 3rem 0;
}

.booking-form {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.form-field {
  display: flex;
  flex-direction: column;
}

.form-field label {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #E9E9E9;
  margin-bottom: 0.8rem;
}

.form-field input,
.form-field textarea {
  background: transparent;
  border: none;
  border-bottom: 1px solid #E9E9E9;
  color: #E9E9E9;
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  padding: 1rem 0;
  outline: none;
  transition: border-color 0.3s ease;
}

.form-field input:focus,
.form-field textarea:focus {
  border-bottom-color: #ffffff;
}

.form-field input::placeholder,
.form-field textarea::placeholder {
  color: rgba(233, 233, 233, 0.6);
}

.form-field textarea {
  resize: vertical;
  min-height: 12rem;
  border: 1px solid #E9E9E9;
  padding: 1.5rem;
  margin-top: 0.5rem;
}

.form-field textarea:focus {
  border-color: #ffffff;
}

.booking-submit {
  background-color: #ffffff;
  color: var(--color-burgundy);
  border: none;
  padding: 1.5rem 3rem;
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 1rem;
  align-self: flex-start;
}

.booking-submit:hover {
  background-color: #f0f0f0;
  transform: translateY(-2px);
}

@media (max-width: 992px) {
  .booking-content {
    grid-template-columns: 1fr;
    gap: 4rem;
    padding: 0 6rem;
  }
  
  .booking-left,
  .booking-right {
    padding: 0;
  }
  
  .booking-title {
    font-size: 3.6rem;
    margin-bottom: 2rem;
  }
  
  .booking-form-title {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .booking-form-section {
    padding: 6rem 0;
  }
  
  .booking-content {
    padding: 0 3rem;
    gap: 3rem;
  }
  
  .booking-title {
    font-size: 2.8rem;
  }
  
  .booking-form-title {
    font-size: 1.8rem;
  }
  
  .form-field label {
    font-size: 1.2rem;
  }
  
  .form-field input,
  .form-field textarea {
    font-size: 1.2rem;
  }
  
  .booking-submit {
    font-size: 1.2rem;
    padding: 1.2rem 2.5rem;
  }
}

/* Wisdom Exchange Hero Section
================================================== */
.wisdom-exchange-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  color: #E9E9E9;
}

.wisdom-hero-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  min-height: 100vh;
  align-items: center;
}

.wisdom-hero-left {
  background: url('images/Wisdon_exchange_hero.png');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 4rem;
  position: relative;
}

.wisdom-hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.wisdom-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wisdom-hero-tagline {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: #E9E9E9;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
  line-height: 1.2;
  position: relative;
  z-index: 2;
}

.wisdom-hero-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 0.9;
  margin: 0;
  position: relative;
  z-index: 2;
  margin-top: auto;
  margin-bottom: 4rem;
}

.wisdom-hero-right {
  background-color: var(--color-burgundy);
  background-image: url('../images/W_E_texture.png');
  background-size: cover;
  background-position: center;
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 8rem 6rem;
  position: relative;
}

.wisdom-hero-right::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../images/W_E_texture.png');
  background-size: cover;
  background-position: center;
  opacity: 0.3;
  z-index: 1;
}

.wisdom-hero-text {
  position: relative;
  z-index: 2;
}

.wisdom-hero-text p {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 3.2rem;
  font-weight: 400;
  color: #E9E9E9;
  line-height: 1.3;
  margin: 0;
}

@media (max-width: 992px) {
  .wisdom-exchange-hero {
    min-height: auto;
  }
  
  .wisdom-hero-content {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  
  .wisdom-hero-left {
    min-height: 60vh;
    padding: 6rem 4rem;
    text-align: center;
    justify-content: center;
  }
  
  .wisdom-hero-tagline {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    margin-top: 0;
  }
  
  .wisdom-hero-title {
    font-size: 7.5rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .wisdom-hero-right {
    min-height: auto;
    padding: 6rem 4rem;
  }
  
  .wisdom-hero-text p {
    font-size: 2.8rem;
  }
}

@media (max-width: 768px) {
  .wisdom-hero-left {
    min-height: 50vh;
    padding: 4rem 3rem;
  }
  
  .wisdom-hero-tagline {
    font-size: 1.4rem;
  }
  
  .wisdom-hero-title {
    font-size: 5.5rem;
  }
  
  .wisdom-hero-right {
    padding: 4rem 3rem;
  }
  
  .wisdom-hero-text p {
    font-size: 2.4rem;
  }
}

/* Wisdom Offerings Section
================================================== */
.wisdom-offerings {
  background-color: #FEFFFA;
  padding: 8rem 0;
}

.wisdom-offerings .container {
  max-width: none;
  padding: 0 4rem;
}

.offerings-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

/* Hairlines removed temporarily */

.offering-item {
  text-align: left;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.offering-item:nth-child(1) {
  min-height: 65rem;
}

.offering-item:nth-child(2) {
  min-height: 60rem;
}

.offering-item:nth-child(3) {
  min-height: 67rem;
}

.offering-item:nth-child(1) .offering-image {
  height: 50rem;
}

.offering-item:nth-child(2) .offering-image {
  height: 45rem;
}

.offering-item:nth-child(3) .offering-image {
  height: 52rem;
}

.offering-image {
  width: 100%;
  margin-bottom: 2rem;
  overflow: hidden;
}

.offering-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
}

.offering-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.1;
  margin: 0 0 auto 0;
}

.offering-description {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: #000000;
  line-height: 1.1;
  margin: 0;
  margin-top: auto;
}

@media (max-width: 992px) {
  .wisdom-offerings {
    padding: 6rem 0;
  }
  
  .offerings-grid {
    grid-template-columns: 1fr;
    gap: 4rem;
    padding: 0 3rem;
  }
  
  .offerings-grid::before,
  .offerings-grid::after {
    display: none;
  }
  
  .offering-item {
    text-align: center;
    padding: 0;
    display: block;
    height: auto;
  }
  
  .offering-item:nth-child(1) .offering-image,
  .offering-item:nth-child(2) .offering-image,
  .offering-item:nth-child(3) .offering-image {
    height: 35rem;
    margin-top: 0;
  }
  
  .offering-title {
    font-size: 2.2rem;
    text-align: center;
    margin: 0 0 2rem 0;
  }
  
  .offering-description {
    font-size: 1.6rem;
    text-align: center;
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .wisdom-offerings {
    padding: 4rem 0;
  }
  
  .offerings-grid {
    gap: 3rem;
    padding: 0 2rem;
  }
  
  .offering-image {
    height: 30rem;
    margin-bottom: 1.5rem;
  }
  
  .offering-title {
    font-size: 2rem;
  }
  
  .offering-description {
    font-size: 1.4rem;
  }
}

/* Wisdom Quote Section
================================================== */
.wisdom-quote {
  background: radial-gradient(circle, #3F0F12 0%, #7F2428 53%, #8E262B 62%, #AE2C33 76%, #C6333A 100%);
  padding: 12rem 0;
  text-align: center;
}

.quote-content {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 4rem;
  text-align: center;
}

.quote-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4rem;
  position: relative;
}

.quote-text {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 6.4rem;
  font-weight: 400;
  color: #C6333A;
  line-height: 1.1;
  text-align: center;
  max-width: 80rem; /* Constrain width to bring quote marks closer */
  flex: 0 1 auto; /* Don't grow to fill space */
}

.quote-line {
  display: block;
  margin: 0;
}

.quote-mark-left,
.quote-mark-right {
  height: 2rem; /* Reduced from 2.5rem to make smaller */
  width: auto;
  /* Removed opacity for full visibility */
}

.quote-mark-left {
  margin-right: 3rem; /* Increased from 2rem for even more spacing */
  align-self: center;
}

.quote-mark-right {
  margin-left: 3rem; /* Increased from 2rem for even more spacing */
  align-self: center;
}

.quote-source {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vogue-logo {
  height: 4rem;
  width: auto;
  opacity: 0.9;
}

@media (max-width: 992px) {
  .wisdom-quote {
    padding: 8rem 0;
  }
  
  .quote-content {
    padding: 0 3rem;
  }
  
  .quote-container {
    margin-bottom: 3rem;
  }
  
  .quote-text {
    font-size: 3.6rem;
  }
  
  .quote-mark-left,
  .quote-mark-right {
    height: 1.6rem; /* Proportionally smaller for medium screens */
  }
  
  .vogue-logo {
    height: 3.2rem;
  }
}

@media (max-width: 768px) {
  .wisdom-quote {
    padding: 6rem 0;
  }
  
  .quote-content {
    padding: 0 2rem;
  }
  
    .quote-container {
    margin-bottom: 2rem;
    flex-direction: column;
    gap: 2rem;
  }

  .quote-text {
    font-size: 2.8rem;
  }

  .quote-mark-left,
  .quote-mark-right {
    height: 1.2rem; /* Proportionally smaller for mobile screens */
    margin: 0;
  }
  
  .vogue-logo {
    height: 2.8rem;
  }
}

/* Adjust form alignment and spacing - targeting correct classes */
.wisdom-booking-section .booking-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 40px 40px 40px;
}

.wisdom-booking-section .booking-title {
    margin-bottom: 6px;
    text-align: left;
    width: 100%;
    max-width: 800px;
}

.wisdom-booking-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
}

.wisdom-booking-form input,
.wisdom-booking-form select {
    margin-bottom: 4px;
    padding: 8px;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-family: inherit;
    font-size: 18px;
    font-weight: inherit;
}

.wisdom-booking-form textarea {
    margin-bottom: 6px;
    margin-top: 4px;
    padding: 20px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-family: inherit;
    font-size: 20px;
    font-weight: inherit;
}

.wisdom-booking-form .booking-submit-btn {
    padding: 10px 60px;
    background-color: #fff;
    color: #800000;
    border: none;
    cursor: pointer;
    align-self: flex-end;
    margin-top: 0px;
}

/* Move input underline down to align with button */
.signup-form input {
  padding-bottom: 1.2rem;
}

/* Podcast section disclaimer: white and same size as footer */
.podcast-signup .disclaimer,
.signup-form .disclaimer {
  color: var(--color-white) !important;
  font-size: 1.4rem !important;
  text-align: left;
  margin-top: 0.2rem;
  margin-bottom: 0;
  font-family: 'Mabry Pro', sans-serif;
}

.signup-form .btn {
  align-self: flex-end !important; /* Align with bottom of input field */
  height: 3rem !important; /* Slightly taller for better alignment */
  padding: 0.2rem 2.5rem 0 2.5rem !important; /* Match footer button padding */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  margin-bottom: -2px; /* Keep bottom flush with input underline */
}

.signup-form .form-group {
  align-items: flex-end; /* Align all children to the bottom */
}
.signup-form input {
  height: 3rem; /* Match button height */
  display: flex;
  align-items: flex-end;
}
.signup-form .btn {
  align-self: flex-end !important;
  height: 3rem !important;
  padding: 0.2rem 2.5rem 0 2.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  margin-bottom: -2px; /* Nudge up to be flush with input underline */
}

.podcast-signup .btn,
.signup-form .btn {
  font-weight: 300 !important; /* Thinner text */
  margin-bottom: -4px !important; /* Move button up to be flush with input underline */
}

.podcast-signup .btn,
.signup-form .btn {
  font-weight: 300 !important;
  margin-bottom: 0 !important;
  margin-left: 0.5rem !important; /* Less space from email input */
  transform: translateY(-1.7rem);
}

.podcast-signup .btn,
.signup-form .btn {
  font-weight: 300 !important;
  margin-bottom: 0 !important;
  margin-left: 0.2rem !important; /* Move button a couple pixels to the left */
  transform: translateY(-1.9rem); /* Raise button a couple more pixels */
}

.signup-lead {
  font-size: 1.5rem; /* Slightly larger for more emphasis */
}

.podcast-title {
  text-align: left;
  padding-left: 2rem;
}
.podcast-body-text {
  padding-left: 2rem;
}

/* Exit Story CTA Section
================================================== */
.exit-story-cta {
  background-color: var(--color-burgundy);
  padding: 10rem 0; /* Match podcast-signup-section padding */
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

.exit-story-content {
  max-width: 120rem; /* Match podcast-signup-content max-width */
  margin: 0 auto;
  padding: 0 4rem; /* Match standard container padding */
}

.exit-story-signature {
  margin-bottom: 2.7rem; /* Match podcast-signup title margin */
  text-align: center; /* Ensure logo is centered */
}

.exit-story-signature .signature-image {
  width: 22rem; /* Further increased size for initials logo */
  height: auto;
  opacity: 1; /* Full opacity for the bright red initials */
  display: block;
  margin: 0 auto 0 calc(50% + 1rem); /* Shift slightly right for optical centering */
  transform: translateX(-50%);
}

.exit-story-title {
  font-size: 4rem; /* Match podcast-description size */
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  font-style: normal;
  color: rgba(255, 255, 255, 1); /* Pure white like podcast-description */
  margin: 0 auto 5.4rem auto; /* Match podcast-description margin */
  line-height: 1.0; /* Match podcast-description line height */
  position: static;
  transform: none;
  max-width: 60rem; /* Match podcast-description max-width */
}

.exit-story-subtitle {
  font-size: 1.8rem; /* Match podcast-cta size */
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 500; /* Match podcast-cta weight */
  text-transform: uppercase;
  letter-spacing: 0.05em; /* Match podcast-cta letter-spacing */
  color: rgba(255, 255, 255, 1); /* Pure white */
  margin: 0 0 3.6rem 0; /* Match podcast-cta margin */
  line-height: 1.3; /* Match podcast-cta line-height */
}

.exit-story-btn {
  background-color: rgba(255, 255, 255, 0.9); /* Match podcast signup btn */
  color: var(--color-burgundy);
  border: none;
  padding: 0.9rem 1.8rem; /* Match podcast signup btn padding */
  font-size: 1.3rem; /* Match podcast signup btn size */
  font-family: 'Mabry Pro', sans-serif;
  font-weight: 400; /* Match podcast signup btn weight */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
}

.exit-story-btn:hover {
  background-color: rgba(255, 255, 255, 1); /* Match podcast signup btn hover */
  transform: translateY(-2px); /* Match podcast signup btn hover */
}

@media (max-width: 992px) {
  .exit-story-content {
    padding: 0 3rem; /* Match podcast signup mobile padding */
  }
  
  .exit-story-signature .signature-image {
    width: 18rem; /* Further increased size for tablet */
    margin: 0 auto 0 calc(50% + 0.8rem); /* Shift slightly right for optical centering */
  }
  
  .exit-story-title {
    font-size: 3.6rem; /* Match podcast-description mobile size */
    max-width: 50rem; /* Match podcast-description mobile max-width */
  }
  
  .exit-story-subtitle {
    font-size: 1.62rem; /* Match podcast-cta mobile size */
  }
}

@media (max-width: 768px) {
  .exit-story-cta {
    padding: 8rem 2rem; /* Adjust for mobile */
  }
  
  .exit-story-signature .signature-image {
    width: 14rem; /* Further increased size for mobile */
    margin: 0 auto 0 calc(50% + 0.6rem); /* Shift slightly right for optical centering */
  }
  
  .exit-story-title {
    font-size: 3.2rem;
    margin-bottom: 4rem;
  }
  
  .exit-story-subtitle {
    font-size: 1.5rem;
    margin-bottom: 3rem;
  }
  
  .exit-story-btn {
    font-size: 1.2rem;
    padding: 0.8rem 1.6rem;
  }
}

/* --- PODCAST SIGNUP FORM: TITLE CENTERED, FORM HORIZONTAL --- */
.signup-form .form-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  flex-wrap: nowrap;
}

.signup-lead {
  margin-bottom: 0;
  margin-right: 0;
  white-space: nowrap;
  align-self: center;
  text-align: center;
}

.input-disclaimer-stack {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  gap: 2rem;
  width: 100%;
  max-width: 70rem;
}

.input-disclaimer-stack .input-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 300px;
  max-width: 40rem;
}

.input-disclaimer-stack input {
  width: 100%;
  margin-bottom: 0.5rem;
}

.signup-form .btn {
  margin-bottom: 0;
  height: 4.8rem;
  white-space: nowrap;
  align-self: flex-end;
  width: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  flex-shrink: 0;
}

.signup-form input:focus {
  outline: none;
  border-bottom: 1px solid var(--color-white);
}

.signup-form input::placeholder {
  color: var(--color-white);
  opacity: 0.8;
}

.disclaimer {
  font-size: 1rem;
  margin: 0;
  color: var(--color-white);
  white-space: normal;
  text-align: left;
  opacity: 0.8;
}

@media (max-width: 900px) {
  .signup-form .form-group {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
  .signup-lead {
    margin-right: 0 !important;
    align-self: center !important;
    text-align: center;
  }
  .input-disclaimer-stack {
    flex-direction: column;
    align-items: center;
    max-width: 350px;
    gap: 2rem;
  }
  .input-disclaimer-stack .input-wrapper {
    align-items: center;
    width: 100%;
  }
  .disclaimer {
    text-align: center;
  }
  .signup-form .btn {
    width: 20rem;
    align-self: center !important;
  }
}

/* Missing Digest Layout Styles for index.html
================================================== */
.digest-section {
  position: relative;
  padding: 8rem 0;
  background-color: var(--color-white);
}

/* Top horizontal hairline across whole section - REMOVED */
.digest-section::before {
  display: none !important;
}

.digest-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  position: relative;
  padding: 0 2rem;
}

/* Vertical hairline between featured and grid */
.digest-content::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  width: 0.5px;
  background-color: #222;
  height: 100%;
  z-index: 2;
}

.digest-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  position: relative;
}

/* Horizontal hairline between top and bottom grid items */
.digest-grid::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0.5px;
  background-color: #222;
  z-index: 2;
}

/* Remove all digest-item and grid row hairlines */
.digest-item::before,
.digest-item::after,
.digest-grid::after,
.digest-grid-row::after {
  display: none !important;
}

/* Additional vertical hairlines for grid items */
.digest-item {
  position: relative;
}

.digest-item::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background-color: #e5e5e5;
  height: 100%;
}

.digest-item:last-child::after {
  display: none;
}

.digest-item img {
  width: 100%;
  height: 32rem;
  object-fit: cover;
  margin-bottom: 0;
  padding: 1.5rem;
  box-sizing: border-box;
}

.digest-featured {
  position: relative;
  align-self: flex-start;
}

.digest-featured-image {
  position: relative;
  margin-bottom: 2rem;
}

.digest-featured-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .digest-item {
    height: 50rem;
  }

  .digest-item img {
    height: 38rem;
  }
}

.digest-item-content {
  position: relative;
  flex: 1;
  padding: 1.5rem 1.5rem 1.5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: white;
}

.digest-item-content h4 {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1rem;
  color: #000000;
  flex-grow: 1;
}

.digest-footer {
  text-align: center;
}

.more-insights {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-red);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.more-insights:hover {
  color: var(--color-dark-red);
}

/* NYT-Inspired Digest Tiles Layout
================================================== */
.digest {
  padding: 8rem 0;
  background-color: var(--color-white);
}

.digest h2 {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 5rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 3rem;
  color: var(--color-gray);
}

.digest h2 .msh-sans {
  font-family: 'Mabry Pro', sans-serif;
  color: #000000;
  letter-spacing: 0.02em;
}

.digest h2 .digest-serif {
  font-family: "FreightDispCmp Pro", serif;
  font-weight: 400;
  color: var(--color-gray);
}

.digest-featured-label {
  position: absolute;
  top: 2rem;
  left: 2rem;
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.8rem 1.2rem;
  border-radius: 4px;
  z-index: 2;
}

.digest-tiles-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2rem;
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 6rem;
  margin-bottom: 6rem;
}

.digest-tile {
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  min-height: 32rem;
}

.digest-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
}

.digest-tile-featured {
  grid-row: 1 / 3;
  min-height: 66rem;
}

.digest-tile-image-container {
  position: relative;
  overflow: hidden;
  height: 20rem;
}

.digest-tile-featured .digest-tile-image-container {
  height: 42rem;
}

.digest-tile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.digest-tile:hover .digest-tile-image {
  transform: scale(1.02);
}

.digest-tile-content {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 20rem);
}

.digest-tile-featured .digest-tile-content {
  height: calc(100% - 42rem);
  padding: 2.5rem;
}

.digest-tile-headline {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 2rem;
  color: var(--color-gray);
  flex-grow: 1;
}

.digest-tile-featured .digest-tile-headline {
  font-size: 2.8rem;
  line-height: 1.1;
  margin-bottom: 2.5rem;
}

.digest-tile-arrow {
  color: var(--color-bright-red);
  font-size: 0.9em;
  font-weight: 300;
  margin-left: 0.5rem;
}

.digest-tile-meta {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: auto;
}

.digest-tile-category {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-bright-red);
}



.digest-nav-row {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 2rem 0;
  gap: 1rem;
}

.digest-nav-row .digest-pagination {
  position: static;
  transform: none;
}

.digest-pagination {
  display: flex;
  gap: 1rem;
}

.digest-nav-btn {
  width: auto;
  height: auto;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: var(--color-gray);
  margin: 0 0.8rem;
  padding: 0.5rem;
  font-size: 1.8rem;
  font-weight: 300;
}

.digest-nav-btn:hover {
  color: #000000;
}



.digest-more-link {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-gray);
  text-decoration: none;
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.digest-more-link:hover {
  color: var(--color-bright-red);
}

.digest-more-link .arrow {
  transition: transform 0.3s ease;
}

.digest-more-link:hover .arrow {
  transform: translateX(4px);
}

/* Missing Navigation Active State
================================================== */
.nav a.active {
  color: var(--color-dark-red);
}

/* Missing Input Stack for Podcast Signup
================================================== */
.input-disclaimer-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Mobile Responsive Styles for NYT-Inspired Digest Layout
================================================== */
@media (max-width: 992px) {
  .digest {
    padding: 6rem 0;
  }
  
  .digest h2 {
    font-size: 4rem;
    margin-bottom: 2rem;
  }
  
  .digest-featured-label {
    font-size: 1.1rem;
    margin-bottom: 3rem;
  }
  
  .digest-tiles-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 2rem;
    padding: 0 4rem;
    margin-bottom: 5rem;
  }
  
  .digest-tile-featured {
    grid-row: auto;
    min-height: auto;
  }
  
  .digest-tile {
    min-height: auto;
  }
  
  .digest-tile-image-container {
    height: 22rem;
  }
  
  .digest-tile-featured .digest-tile-image-container {
    height: 28rem;
  }
  
  .digest-tile-content {
    height: auto;
    padding: 2rem;
  }
  
  .digest-tile-featured .digest-tile-content {
    height: auto;
    padding: 2.5rem;
  }
  
  .digest-tile-headline {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
  
  .digest-tile-featured .digest-tile-headline {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }
  
  .digest-nav-row {
    padding: 0 4rem;
  }
}

@media (max-width: 768px) {
  .digest {
    padding: 5rem 0;
  }
  
  .digest h2 {
    font-size: 3.2rem;
  }
  
  .digest-featured-label {
    font-size: 1rem;
    margin-bottom: 2.5rem;
  }
  
  .digest-tiles-grid {
    padding: 0 2rem;
    gap: 1.5rem;
    margin-bottom: 4rem;
  }
  
  .digest-tile-image-container {
    height: 20rem;
  }
  
  .digest-tile-featured .digest-tile-image-container {
    height: 24rem;
  }
  
  .digest-tile-content {
    padding: 1.8rem;
  }
  
  .digest-tile-featured .digest-tile-content {
    padding: 2rem;
  }
  
  .digest-tile-headline {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  
  .digest-tile-featured .digest-tile-headline {
    font-size: 1.9rem;
    margin-bottom: 1.5rem;
  }
  
  .digest-tile-category {
    font-size: 1rem;
  }
  
  .digest-tile-read-time {
    font-size: 1rem;
  }
  
  .digest-nav-row {
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    padding: 0 2rem;
  }
  
  .digest-more-link {
    font-size: 1.3rem;
  }
  
  .digest-nav-btn {
    font-size: 1.6rem;
    margin: 0 0.6rem;
  }
  
  /* Remove continuous line on mobile */
  .digest-tiles-grid::after {
    display: none;
  }
  
  .digest-tile:nth-child(2),
  .digest-tile:nth-child(3) {
    border-top: none;
  }
}

/* Missing Discovery Call Section Styles
================================================== */
.discovery-call-section {
  background-color: var(--color-burgundy);
  padding: 8rem 0;
  color: #E9E9E9;
}

.discovery-call-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  max-width: 140rem;
  margin: 0 auto;
  align-items: start;
  padding-left: 6rem;
}

.discovery-call-left {
  padding-right: 2rem;
  padding-left: 0;
}

.discovery-call-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 4.8rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
  margin: 0;
  text-align: left;
  max-width: 80rem;
}

.discovery-call-form-title {
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  color: #E9E9E9;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
}

.discovery-call-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.discovery-call-form input {
  width: 55%;
  margin: 0;
  background: transparent;
  border: none;
  border-bottom: 1.5px solid #E9E9E9;
  border-radius: 0;
  padding: 1.2rem 0 0.7rem 0;
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.6rem;
  color: #ffffff;
  outline: none;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
  display: block;
  text-align: left;
}

.discovery-call-form input:focus {
  border-bottom: 1.5px solid #fff;
}

.discovery-call-form input::placeholder {
  text-align: left;
  color: #E9E9E9;
}

.discovery-call-form textarea {
  width: 80%;
  margin: 2.5rem 0 0 0;
  background: transparent;
  border: 1px solid #fff;
  padding: 1.2rem 1.5rem;
  font-family: 'Mabry Pro', sans-serif;
  font-size: 1.6rem;
  color: #ffffff;
  outline: none;
  transition: border-color 0.3s ease;
  resize: vertical;
  min-height: 120px;
  box-sizing: border-box;
  display: block;
  text-align: left;
}

.discovery-call-form textarea::placeholder {
  color: #E9E9E9;
}

.discovery-submit-btn {
  background: #fff;
  color: var(--color-burgundy);
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem 2rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: 'Mabry Pro', sans-serif;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  align-self: flex-start;
  margin-top: 2rem;
}

.discovery-submit-btn:hover {
  background-color: var(--color-burgundy);
  color: #fff;
  border: 1px solid #fff;
}

/* Discovery Call Responsive Styles
================================================== */
@media (max-width: 992px) {
  .discovery-call-content {
    grid-template-columns: 1fr;
    gap: 4rem;
    padding-left: 4rem;
  }
  
  .discovery-call-title {
    font-size: 4rem;
  }
}

@media (max-width: 768px) {
  .discovery-call-section {
    padding: 6rem 0;
  }
  
  .discovery-call-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .discovery-call-title {
    font-size: 3.2rem;
  }
  
  .discovery-call-form input {
    width: 100%;
  }
  
  .discovery-call-form textarea {
    width: 100%;
  }
}

.topic-slide {
  transition: opacity 0.5s ease;
  opacity: 0;
}

.topic-slide.active {
  opacity: 1;
}

.topics-carousel {
  position: relative;
  height: 28rem; /* Increased height to accommodate the longest topic titles */
  margin-bottom: 2rem; /* Reduced since we added margin-top to book-martha */
  overflow: hidden; /* Prevent text overflow */
}

.topic-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.topic-slide.active {
  opacity: 1;
}

.topics-navigation {
  display: none;
}

.book-martha {
  position: relative;
  left: 0;
  margin-top: 2rem;
  margin-bottom: 0;
  text-align: left;
  z-index: 5;
}

.topics-main-title {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 10rem;
  font-weight: 400;
  color: var(--color-dark-red);
  line-height: 0.95;
  margin-bottom: 0;
  max-width: 90%;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.topics-main-title:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  /* Hero Section */
  .hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }

  .hero-image {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    width: 100%;
  }

  .main-heading {
    font-size: 3.8rem;
    line-height: 1.1;
    text-align: center;
    letter-spacing: -0.02em;
    max-width: 90%;
    margin: -1.9rem auto 2rem;
    position: relative;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
  }

  .signature {
    margin-top: 2.5rem;
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
  }

  .martha-signature {
    max-width: 18rem;
    margin: 0 auto;
  }

  /* Service Columns */
  .service-columns {
    grid-template-columns: 1fr;
    gap: 6rem;
    padding: 0;
  }

  .service-column {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .service-column:not(:last-child)::after {
    display: none;
  }

  .service-image {
    margin: 0 -2rem 5rem -2rem;
    width: calc(100% + 4rem);
    overflow: hidden;
  }

  .service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .service-column h2 {
    font-size: 3.2rem;
    margin: 4rem 0 2rem 0;
    text-align: left;
    width: 100%;
  }

  .service-description {
    font-size: 2rem;
    margin-bottom: 2.5rem;
    text-align: left;
    width: 100%;
    padding-top: 2rem;
  }

  .service-column .btn {
    font-size: 1.8rem;
    padding: 1.2rem 2.4rem;
    align-self: flex-start;
  }

  /* Stagger the heights for visual interest */
  .service-column:nth-child(1) .service-image {
    height: 50rem;
  }
  .service-column:nth-child(2) .service-image {
    height: 40rem;
  }
  .service-column:nth-child(3) .service-image {
    height: 45rem;
  }

  /* Override any potential conflicting styles */
  .service-column .service-image {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .service-column > * {
    max-width: 100%;
  }

  /* Quote Section */
  .testimonial-card {
    padding: 4rem 2rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .quote {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
  }

  .quote p {
    font-size: 4.2rem;
    line-height: 1.1;
    text-align: center;
    margin: 0 auto 4rem;
    max-width: 100%;
    padding: 0;
  }

  .testimonial-author {
    margin-top: 4rem;
    width: 100%;
    text-align: center;
  }

  .testimonial-author h4 {
    font-size: 2.4rem;
    text-align: center;
    margin: 0;
  }

  /* Podcast Section */
  .podcast-description p {
    font-size: 4rem;
    line-height: 0.95;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
  }

  .podcast-signup-form .input-wrapper {
    width: 100%;
    max-width: none;
  }

  .podcast-signup-form input {
    font-size: 2.4rem;
    width: 100%;
    text-align: left;
  }

  .podcast-signup-form .btn {
    font-size: 1.6rem;
    padding: 1.2rem 2.4rem;
    margin-top: 1rem;
    align-self: flex-start;
    width: auto;
  }

  .podcast-signup-form .disclaimer {
    font-size: 1.6rem;
    text-align: left;
  }

  .podcast-signup-form .form-group {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media screen and (max-width: 768px) {
  .services {
    padding: 4rem 0;
  }

  .service-columns {
    grid-template-columns: 1fr;
    gap: 6rem;
    padding: 0 2rem;
  }

  .service-column {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .service-image {
    width: calc(100% + 4rem);
    margin: 0 -2rem 5rem -2rem;
    overflow: hidden;
  }

  .service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .service-column h2 {
    font-size: 3.2rem;
    margin: 3rem 0 2rem;
    text-align: left;
    width: 100%;
  }

  .service-description {
    font-size: 2.4rem;
    margin: 2rem 0 2.5rem 0;
    text-align: left;
    width: 100%;
  }

  .service-column .btn {
    font-size: 1.8rem;
    padding: 1.2rem 2.4rem;
    align-self: flex-start;
  }

  /* Stagger the heights for visual interest */
  .service-column:nth-child(1) .service-image {
    height: 50rem;
  }
  .service-column:nth-child(2) .service-image {
    height: 40rem;
  }
  .service-column:nth-child(3) .service-image {
    height: 45rem;
  }
}

.digest-featured-image {
  position: relative;
  margin-bottom: 2rem;
}

.digest-featured-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .digest-item {
    height: 50rem;
  }

  .digest-item img {
    height: 38rem;
  }

  .digest-featured-image {
    height: auto;
  }
}

/* --- Digest Section Hairline Enhancement --- */

/* Top horizontal hairline across whole section (already present) - REMOVED */
.digest-section::before {
  display: none !important;
}

/* Add vertical hairlines between the two columns of the 2x2 grid (right side) */
.digest-grid {
  position: relative;
}

.digest-grid .digest-vertical-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0.5px;
  height: calc(100% - 2rem); /* slightly shorter than full card height, adjust as needed */
  background-color: #222;
  z-index: 3;
  transform: translateX(-50%);
}

/* --- Digest Section Top Hairline: Full Width --- */
.digest-section {
  position: relative;
}
.digest-section::before {
  display: none !important;
}

/* Remove any margin or padding above the top hairline */
.digest-section > .container {
  margin-top: 0;
  padding-top: 3rem; /* add space below the hairline if needed */
}

/* Remove old full-width top bar */
.digest-section::before {
  display: none !important;
}

/* New top bar, aligned with content */
.digest-top-bar {
  width: 100%;
  height: 0.5px;
  background: #222;
  margin-bottom: 2.5rem;
}

/* Move digest-top-bar closer to images/cards */
.digest-top-bar {
  width: 100%;
  height: 0.5px;
  background: #222;
  margin: 1.5rem 0 2.5rem 0;
}

/* Make content-type (PODCAST, ARTICLE, etc.) bold and closer to bottom */
.content-type {
  font-weight: bold;
  display: block;
  margin-top: auto;
  margin-bottom: 0.5rem;
  font-family: 'Mabry Pro', sans-serif;
  letter-spacing: 0.05em;
}

/* Style featured-label in top left, white, bold, padded, with gradient overlay for contrast */
.featured-label {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  background: rgba(0,0,0,0.5);
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  padding: 0.7rem 1.4rem;
  border-radius: 4px;
  z-index: 2;
  letter-spacing: 0.1em;
}
.digest-featured-image {
  position: relative;
}
.digest-featured-image::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 30%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0));
  z-index: 1;
  border-radius: 4px 4px 0 0;
  pointer-events: none;
}

/* Make card images taller for portrait look */
.digest-item .digest-image,
.digest-item img {
  height: 38rem !important;
  min-height: 38rem;
  max-height: 42rem;
  object-fit: cover;
}

/* Remove left padding from container in digest-section */
.digest-section > .container {
  padding-left: 0 !important;
}

/* Add left margin to .digest-header and .digest-top-bar to align with heading text */
.digest-header,
.digest-top-bar {
  margin-left: 6rem;
}

.digest-featured {
  margin-left: 6rem;
}

.digest-item,
.digest-item .digest-image,
.digest-item img {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.digest-header,
.digest-top-bar,
.digest-featured {
  margin-left: 4rem;
}

.digest-content {
  padding-top: 2.5rem;
}

.digest-header,
.digest-top-bar,
.digest-featured {
  margin-left: 4rem;
  margin-right: 4rem;
}

.digest-content {
  padding-top: 2.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.digest-header,
.digest-top-bar,
.digest-featured {
  padding-left: 4rem;
  padding-right: 4rem;
  margin-left: 0;
  margin-right: 0;
}

/* Remove all custom padding/margin from header elements to match content alignment */
.digest-header,
.digest-top-bar,
.digest-featured {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* Ensure digest-content padding applies to all content including header elements */
.digest-section > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.digest-header,
.digest-top-bar,
.digest-content,
.digest-featured {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* Unified wrapper approach - apply padding to the entire digest section */
.digest-section > .container {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

/* Remove individual padding from all digest elements */
.digest-header,
.digest-top-bar,
.digest-content,
.digest-featured {
  padding-left: 0;
  padding-right: 0;
}

/* Only keep top padding for content spacing */
.digest-content {
  padding-top: 2.5rem;
}

/* Remove any internal padding from images */
.digest-item img,
.digest-featured-image img {
  padding: 0 !important;
  margin: 0 !important;
}

/* Mobile styles for digest section */
@media (max-width: 768px) {
  /* Add space above text below featured image */
  .digest-featured-text {
    margin-top: 3rem;
    padding-top: 2rem;
  }
  
  /* Increase font size for better mobile readability */
  .digest-featured-text h3 {
    font-size: 3.5rem !important;
    line-height: 1.2;
  }
  
  /* Increase font size for digest item titles */
  .digest-item h4 {
    font-size: 2.8rem !important;
  }
  
  /* Increase content type labels */
  .content-type {
    font-size: 1.6rem !important;
  }
}

/* Mobile styles for digest section - more specific targeting */
@media (max-width: 768px) {
  /* Add more space above text below featured image */
  .digest-section .digest-featured .digest-featured-text {
    margin-top: 4rem !important;
    padding-top: 3rem !important;
    padding-bottom: 2rem !important;
  }
  
  /* Make font much bigger for mobile stacked layout */
  .digest-section .digest-featured .digest-featured-text h3 {
    font-size: 4.5rem !important;
    line-height: 1.1 !important;
    margin-bottom: 2rem !important;
  }
  
  /* Increase font size for digest item titles in mobile stacked */
  .digest-section .digest-item h4 {
    font-size: 3.2rem !important;
    line-height: 1.2 !important;
  }
  
  /* Increase content type labels */
  .digest-section .content-type {
    font-size: 1.8rem !important;
    margin-top: 1.5rem !important;
  }
}
/* About page mobile improvements for wider content */
@media (max-width: 768px) {
  .who-we-are-content {
    padding: 0 1rem !important; /* Much less padding for wider content on mobile */
    max-width: none !important;
  }
  
  .who-we-are .mission-text {
    font-size: 3.6rem !important; /* Increase font size for better mobile readability */
    margin-bottom: 5rem !important;
    padding: 0 !important;
  }
  
  .martha-bio-heading {
    font-size: 3.6rem !important; /* Increase font size for better mobile readability */
    margin-bottom: 2rem !important;
  }
  
  .martha-bio p {
    font-size: 2rem !important; /* Increase font size for better mobile readability */
    line-height: 1.4 !important;
  }
  
  .martha-info {
    grid-template-columns: 1fr !important;
    gap: 3rem !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .martha-portrait {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .martha-bio {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Make Martha Hoover text even bigger on mobile */
@media (max-width: 768px) {
  .who-we-are .mission-text {
    font-size: 4.2rem !important; /* Increased from 3.6rem to 4.2rem for bigger impact */
    line-height: 1.05 !important; /* Tighter line height for better visual impact */
    margin-bottom: 6rem !important; /* More space below */
  }
  
  /* Make italic text even more prominent */
  .who-we-are .mission-text .italic {
    font-size: 1.05em !important; /* Slightly larger than parent for emphasis */
    font-style: italic !important;
  }
}

/* Make Martha bio paragraph text larger on mobile */
@media (max-width: 768px) {
  .martha-bio p {
    font-size: 2.4rem !important; /* Increased from 2rem to 2.4rem for better readability */
    line-height: 1.5 !important; /* Better line spacing for larger text */
    margin-bottom: 3rem !important; /* More space below the paragraph */
  }
  
  /* Make bold text within the paragraph stand out more */
  .martha-bio p strong {
    font-weight: 700 !important;
    font-size: 1.02em !important; /* Slightly larger than parent for emphasis */
  }
}

/* Add space above JOIN THE LIST button on about page mobile */
@media (max-width: 768px) {
  .podcast-signup-form .btn {
    margin-top: 3rem !important; /* Add space above the button */
    margin-bottom: 0 !important;
  }
  
  /* Also add some space above the form group for better visual separation */
  .podcast-signup-form .form-group {
    margin-top: 2rem !important;
  }
  
  /* Make sure the input wrapper has proper spacing */
  .podcast-signup-form .input-wrapper {
    margin-bottom: 2rem !important;
  }
}

/* Speaking page improvements - constrain width and left align stats */
@media (min-width: 769px) {
  /* Constrain speaking stats to match image width */
  .speaking-stats .stats-content {
    max-width: 60rem; /* Match approximate image width */
    margin: 0; /* Remove auto centering */
    text-align: left; /* Left align the content */
    padding: 0; /* Remove extra padding */
  }
  
  /* Left align the mission text to match */
  .mission-text.speaking-mission {
    max-width: 60rem; /* Match the stats width */
    margin: 0; /* Remove auto centering */
    text-align: left; /* Left align */
    padding: 0; /* Remove extra padding */
  }
  
  /* Constrain other content sections to match */
  .speaking-layout {
    max-width: 60rem; /* Match image width */
    margin: 0; /* Remove auto centering */
  }
  
  .speaking-topics {
    max-width: 60rem; /* Match image width */
    margin: 0; /* Remove auto centering */
  }
}

/* Mobile adjustments for speaking page */
@media (max-width: 768px) {
  .speaking-stats .stats-content {
    text-align: left !important; /* Left align on mobile too */
    padding: 0 2rem !important; /* Standard mobile padding */
  }
}

/* Make Martha Hoover challenges text larger on mobile */
@media (max-width: 768px) {
  .speaking-description p {
    font-size: 2.4rem !important; /* Increased for better mobile readability */
    line-height: 1.4 !important; /* Better line spacing */
    margin-bottom: 3rem !important; /* More space below */
  }
  
  /* Also make sure the speaking section title is prominent */
  .speaking-section-title {
    font-size: 3.6rem !important; /* Larger title on mobile */
    margin-bottom: 3rem !important;
  }
}

/* Make PUBLIC SPEAKING larger and two lines, plus narrow text block for more image space */
@media (max-width: 768px) {
  .speaking-section-title {
    font-size: 4.2rem !important; /* Much larger for impact */
    line-height: 1.1 !important; /* Tight line spacing */
    margin-bottom: 3rem !important;
    word-break: break-word; /* Allow breaking */
  }
  
  /* Make the speaking content narrower so image gets more space */
  .speaking-layout {
    display: grid !important;
    grid-template-columns: 1fr 1.2fr !important; /* Text smaller, image bigger */
    gap: 2rem !important;
    align-items: start !important;
  }
  
  .speaking-content {
    max-width: none !important; /* Remove width constraints */
    padding-right: 1rem !important; /* Add some spacing from image */
  }
  
  .speaking-description p {
    font-size: 2.2rem !important; /* Slightly smaller to fit narrow column */
    line-height: 1.4 !important;
  }
  
  .speaking-image {
    width: 100% !important;
  }
}

/* Force PUBLIC SPEAKING to break into two words */
.speaking-section-title::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}

@media (max-width: 768px) {
  .speaking-section-title {
    white-space: pre-line !important; /* Allow line breaks */
  }
}

/* Restore desktop speaking mission text to original styling */
@media (min-width: 769px) {
  .mission-text.speaking-mission {
    font-size: 6rem !important; /* Restore large desktop size */
    max-width: 1400px !important; /* Restore wider width */
    margin: 0 auto !important; /* Restore centering */
    padding: 0 12rem !important; /* Restore original padding */
    text-align: center !important; /* Restore center alignment */
    line-height: 1.1 !important; /* Maintain tight line height */
  }
  
  /* Reset any speaking layout constraints for desktop */
  .speaking-layout {
    max-width: none !important; /* Remove width constraints */
    margin: 0 auto !important; /* Center the layout */
  }
  
  .speaking-topics {
    max-width: none !important; /* Remove width constraints */
    margin: 0 auto !important; /* Center the content */
  }
}

/* Keep mobile-only changes separate */
@media (max-width: 768px) {
  .mission-text.speaking-mission {
    font-size: 4.2rem !important; /* Smaller for mobile */
    max-width: none !important;
    margin: 0 !important;
    padding: 0 2rem !important; /* Mobile padding */
    text-align: left !important; /* Left align on mobile */
  }
}

/* Fix text cutoff issues when resizing - responsive speaking topics */
@media (max-width: 1200px) {
  .topics-main-title {
    font-size: 5rem !important; /* Smaller for medium screens */
    line-height: 1.1 !important;
    padding: 0 2rem !important; /* Add side padding */
  }
  
  .speaking-topics {
    padding: 0 2rem !important; /* Prevent side cutoff */
  }
}

@media (max-width: 992px) {
  .topics-main-title {
    font-size: 4.5rem !important; /* Even smaller for tablets */
    line-height: 1.1 !important;
    padding: 0 2rem !important;
    margin-bottom: 3rem !important;
  }
  
  .topics-title {
    font-size: 2rem !important;
    padding: 0 2rem !important;
  }
}

@media (max-width: 768px) {
  .topics-main-title {
    font-size: 3.6rem !important; /* Mobile size */
    line-height: 1.2 !important;
    padding: 0 2rem !important;
    margin-bottom: 3rem !important;
    word-wrap: break-word !important; /* Allow word breaking */
    overflow-wrap: break-word !important;
  }
  
  .speaking-topics {
    padding: 2rem !important; /* More padding on mobile */
    min-height: auto !important; /* Allow natural height */
  }
  
  .topic-slide {
    min-height: 15rem !important; /* Ensure enough height */
    display: flex !important;
    align-items: center !important;
  }
}

/* Ensure container doesn't cause overflow */
.topics-carousel {
  overflow: hidden !important;
  width: 100% !important;
}

/* Fix potential overflow issues */
.speaking-topics,
.topic-slide {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Make speaking topics text slightly larger on mobile */
@media (max-width: 768px) {
  .topics-main-title {
    font-size: 4rem !important; /* Increased from 3.6rem to 4rem */
    line-height: 1.2 !important;
    padding: 0 2rem !important;
    margin-bottom: 3rem !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  
  .topics-title {
    font-size: 2.2rem !important; /* Increased from 2rem to 2.2rem */
    padding: 0 2rem !important;
    margin-bottom: 2rem !important;
  }
}

/* Move BOOK MARTHA closer to topic text on mobile */
@media (max-width: 768px) {
  .topics-main-title {
    margin-bottom: 2rem !important; /* Reduced from 3rem to 2rem */
  }
  
  .book-martha {
    margin-top: 1rem !important; /* Reduce top margin */
    padding-top: 0 !important; /* Remove any top padding */
  }
  
  .book-link {
    margin-top: 0 !important; /* Remove any top margin from the link */
  }
  
  /* Also reduce spacing in the topics carousel container */
  .topic-slide {
    padding-bottom: 1rem !important; /* Less bottom padding */
  }
}

/* Make speaking topics wider and align BOOK MARTHA with text on mobile */
@media (max-width: 768px) {
  .speaking-topics {
    padding: 0 1rem !important; /* Reduce side padding for wider content */
    margin: 0 !important;
  }
  
  .topics-main-title {
    padding: 0 1rem !important; /* Reduce side padding */
    margin-bottom: 0.5rem !important; /* Much closer to button */
  }
  
  .topics-title {
    padding: 0 1rem !important; /* Reduce side padding */
  }
  
  .book-martha {
    margin-top: 0.5rem !important; /* Move up closer to text */
    padding: 0 1rem !important; /* Match text padding */
    text-align: left !important; /* Align with text above */
  }
  
  .book-link {
    display: inline-block !important;
    margin: 0 !important;
    text-align: left !important;
  }
  
  /* Make the carousel container wider */
  .topics-carousel {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .topic-slide {
    padding: 1rem !important; /* Minimal padding */
    margin: 0 !important;
  }
}

/* Adjust line spacing and text sizes for services section on mobile */
@media (max-width: 768px) {
  .services-title {
    line-height: 1.0 !important; /* Tighter line spacing for big titles */
    margin-bottom: 2rem !important; /* Adjust spacing between titles */
  }
  
  .services-description {
    font-size: 2.2rem !important; /* Make description text bigger */
    line-height: 1.4 !important; /* Good readability for body text */
    margin-bottom: 3rem !important; /* More space below description */
  }
  
  /* Make sure the services content has proper spacing */
  .services-content {
    padding: 0 2rem !important; /* Standard mobile padding */
  }
  
  .services-left {
    margin-bottom: 3rem !important; /* Space between titles and description */
  }
}

/* Reduce space between service titles and add top padding on mobile */
@media (max-width: 768px) {
  .services-section {
    padding-top: 6rem !important; /* More top padding for the entire section */
  }
  
  .services-title {
    line-height: 1.0 !important; /* Keep tight line spacing */
    margin-bottom: 1rem !important; /* Reduce space between titles from 2rem to 1rem */
  }
  
  /* Reduce spacing between all service titles */
  .services-left {
    margin-bottom: 2rem !important; /* Reduce space before description */
  }
  
  .services-left .services-title:not(:last-child) {
    margin-bottom: 0.5rem !important; /* Even tighter spacing between consecutive titles */
  }
  
  .services-content {
    padding: 0 2rem !important; /* Maintain side padding */
  }
}

/* Left align wisdom stats and discovery call sections on mobile */
@media (max-width: 768px) {
  .wisdom-stats .stats-content {
    text-align: left !important; /* Left align instead of center */
    padding: 0 2rem !important; /* Standard mobile padding */
  }
  
  .wisdom-stats .stats-label {
    text-align: left !important; /* Left align "BY THE NUMBERS" */
  }
  
  .wisdom-stats .stats-number {
    text-align: left !important; /* Left align "10,000" */
    margin-left: 0 !important; /* Remove any left margin */
  }
  
  .wisdom-stats .stats-description {
    text-align: left !important; /* Left align "Wisdom Exchange participants" */
    margin-left: 0 !important; /* Remove any left margin */
  }
  
  .discovery-call-content {
    text-align: left !important; /* Left align the entire discovery call section */
    padding: 0 2rem !important; /* Standard mobile padding */
  }
  
  .discovery-call-title {
    text-align: left !important; /* Left align the main question */
    margin-bottom: 3rem !important;
  }
  
  .discovery-call-form-title {
    text-align: left !important; /* Left align "BOOK A DISCOVERY CALL:" */
  }
}

/* Stack speaking content vertically on mobile - text under image */
@media (max-width: 768px) {
  .speaking-layout {
    display: block !important; /* Change from grid to block layout */
    position: relative !important;
  }
  
  .speaking-content {
    order: 2 !important; /* Content comes after image */
    padding-top: 2rem !important; /* Space above text */
  }
  
  .speaking-image {
    order: 1 !important; /* Image comes first */
    width: 100% !important;
    margin-bottom: 2rem !important; /* Space below image */
  }
  
  .speaking-section-title {
    position: absolute !important;
    top: 2rem !important; /* Position over image */
    left: 2rem !important;
    z-index: 15 !important;
    font-size: 4.2rem !important;
    line-height: 1.1 !important;
    margin-bottom: 0 !important;
    color: var(--color-red) !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important; /* Shadow for readability over image */
  }
  
  .speaking-description {
    margin-top: 1rem !important; /* Space above description */
  }
  
  .speaking-description p {
    font-size: 2.4rem !important; /* Larger text since it's not constrained by narrow column */
    line-height: 1.4 !important;
    margin-bottom: 3rem !important;
  }
}

/* Fix mobile layout - body text below image, not above */
@media (max-width: 768px) {
  .speaking-layout {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
  }
  
  .speaking-image {
    order: 1 !important; /* Image comes first */
    width: 100% !important;
    margin-bottom: 2rem !important;
    position: relative !important;
  }
  
  .speaking-content {
    order: 2 !important; /* Content comes after image */
    padding-top: 0 !important;
  }
  
  .speaking-section-title {
    position: absolute !important;
    top: 2rem !important;
    left: 2rem !important;
    z-index: 15 !important;
    font-size: 4.2rem !important;
    line-height: 1.1 !important;
    margin-bottom: 0 !important;
    color: var(--color-red) !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  }
  
  .speaking-description {
    margin-top: 0 !important; /* No extra margin above description */
  }
  
  .speaking-description p {
    font-size: 2.4rem !important;
    line-height: 1.4 !important;
    margin-bottom: 3rem !important;
  }
}

/* Fix mobile image positioning and title placement */
@media (max-width: 768px) {
  .speaking-layout {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
  }
  
  .speaking-content {
    order: 1 !important; /* Content comes first, before image */
    padding-top: 0 !important;
    margin-bottom: 2rem !important; /* Space before image */
  }
  
  .speaking-section-title {
    position: static !important; /* Remove absolute positioning */
    font-size: 4.2rem !important;
    line-height: 1.1 !important;
    margin-bottom: 2rem !important;
    color: var(--color-red) !important;
    text-shadow: none !important; /* Remove shadow since not over image */
    background: none !important; /* Remove background */
    padding: 0 !important; /* Remove padding */
    border-radius: 0 !important; /* Remove border radius */
    left: auto !important;
    right: auto !important;
    top: auto !important;
    z-index: auto !important;
  }
  
  .speaking-image {
    order: 2 !important; /* Image comes after content */
    width: 100% !important;
    height: 60rem !important; /* Make image more portrait/taller */
    margin-bottom: 2rem !important;
    position: relative !important;
  }
  
  .speaking-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important; /* Show top of image so face isn't cut off */
  }
}

/* Left align all wisdom exchange text and increase subtitle font size */
.wisdom-exchange-text {
  text-align: left !important;
}

.wisdom-exchange-title {
  text-align: left !important;
}

.wisdom-exchange-subtitle {
  font-size: 3.2rem !important; /* Increased from 2.4rem */
  text-align: left !important;
}

.wisdom-exchange-description {
  text-align: left !important;
}

/* Update mobile sizes too */
@media (max-width: 992px) {
  .wisdom-exchange-subtitle {
    font-size: 2.4rem !important; /* Increased from 1.6rem */
  }
}

@media (max-width: 768px) {
  .wisdom-exchange-subtitle {
    font-size: 2rem !important; /* Increased from 1.4rem */
  }
}

/* Fix horizontal hairline positioning - override to position between grid rows instead of in middle of items */
.digest-grid::before {
  top: calc(50% + 19rem) !important;
}

/* Ensure digest-item after elements are enabled for vertical lines */
.digest-item::after {
  display: block !important;
}

/* Move MORE INSIGHTS to bottom left of right section */
.digest-nav-row {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
}

.digest-more-link {
  order: -1 !important;
  align-self: flex-start !important;
}

/* Remove white backgrounds from digest items */
.digest-item-content {
  background: transparent !important;
}

/* Fix horizontal hairline positioning - move it between grid rows */
.digest-grid::before {
  top: calc(50% + 16rem) !important;
}

/* Remove white backgrounds from all digest content areas */
.digest-tile {
  background: transparent !important;
}

.digest-tile-content {
  background: transparent !important;
}

/* Remove white backgrounds from digest items and related elements */
.digest-item {
  background: transparent !important;
}

/* Remove box shadows that might appear as white backgrounds */
.digest-tile {
  box-shadow: none !important;
}

/* Completely remove hairline - it's causing positioning issues */
.digest-grid::before {
  display: none !important;
}

/* Fix digest grid spacing - add more space between left items and vertical divider */
.digest-item:nth-child(odd) {
  margin-right: 1rem !important;
}

.digest-item:nth-child(even) {
  margin-left: 1rem !important;
}

/* Remove hairline from right side of right-most items */
.digest-item:nth-child(even)::after {
  display: none !important;
}

/* Tag Navigation Filter Styling */
.digest-tag-navigation {
  padding: 6rem 0 4rem 0;
  text-align: center;
}

.tag-nav-content {
  font-family: "FreightDispCmp Pro", serif;
  font-size: 5.5rem;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.tag-filter {
  color: #999999;
  text-decoration: none;
  transition: color 0.3s ease;
  font-style: normal;
}

.tag-filter:hover,
.tag-filter.active {
  color: #000000;
}

.tag-separator {
  color: #999999;
  margin: 0 1.5rem;
  font-weight: 300;
}

/* Responsive tag navigation */
@media (max-width: 992px) {
  .tag-nav-content {
    font-size: 4.5rem;
  }
  
  .tag-separator {
    margin: 0 1.2rem;
  }
}

@media (max-width: 768px) {
  .digest-tag-navigation {
    padding: 4rem 0 3rem 0;
  }
  
  .tag-nav-content {
    font-size: 3.5rem;
    line-height: 1.4;
  }
  
  .tag-separator {
    margin: 0 0.8rem;
  }
}

@media (max-width: 480px) {
  .digest-tag-navigation {
    padding: 3rem 0 2rem 0;
  }
  
  .tag-nav-content {
    font-size: 2.5rem;
    line-height: 1.5;
  }
  
  .tag-separator {
    margin: 0 0.5rem;
  }
}

/* Header Menu Override - Ensure header.liquid styles take precedence */
.header .menu-btn,
button.menu-btn {
  /* All menu button styles are handled in header.liquid */
}

/* CRITICAL Z-INDEX FIX - Force all podcast elements below overlay menu */
.podcast-heading-wrapper,
.podcast-heading-wrapper *,
.podcast-description,
.podcast-description *,
.podcast-logo,
.podcast-logo *,
.template-index .podcast-heading-wrapper,
.template-index .podcast-heading-wrapper *,
.template-index .podcast-description,
.template-index .podcast-description *,
.template-index .podcast-logo,
.template-index .podcast-logo *,
#podcast-* .podcast-heading-wrapper,
#podcast-* .podcast-heading-wrapper *,
#podcast-* .podcast-description,
#podcast-* .podcast-description *,
#podcast-* .podcast-logo,
#podcast-* .podcast-logo * {
  z-index: 1 !important;
}

.menu-overlay {
  /* All menu overlay styles are handled in header.liquid */
}