/* ==========================================================================
       1. GLOBAL DESIGN SYSTEM VARIABLES & FOUNDATIONS
       ========================================================================== */
    :root {
      --primary-accent: #C13383;
      --bg-cream: #FFF7C5;
      --bg-beige: #FFF6DE;
      --text-dark: #2C2520;
      --white-layer: #FFFFFF;
      --font-montserrat: "Montserrat", sans-serif;
      --transition-slow: all 0.8s cubic-bezier(0.25, 1, 0.3, 1);
      --transition-fast: all 0.3s ease;
    }

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

    body {
      background-color: var(--bg-beige);
      color: var(--text-dark);
      font-family: var(--font-montserrat);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      line-height: 1.8;
    }

    /* Core Typographic Rules */
    h1, h2, h3, h4, h5, h6 {
      font-weight: 100;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      line-height: 1.3;
    }

    p {
      font-weight: 300;
      font-size: 1.05rem;
      letter-spacing: 0.03em;
      color: rgba(44, 37, 32, 0.85);
    }

    .section-label {
      font-size: 0.8rem;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.25em;
      color: var(--primary-accent);
      margin-bottom: 1.5rem;
      display: block;
    }

    .accent-line {
      width: 40px;
      height: 1px;
      background-color: var(--primary-accent);
      margin: 1.5rem 0;
      transition: var(--transition-slow);
    }

    /* Multipage Application State Engine Layout Matrix */
    .app-route-stage {
      display: none;
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.8s cubic-bezier(0.25, 1, 0.3, 1), transform 0.8s cubic-bezier(0.25, 1, 0.3, 1);
    }

    .app-route-stage.stage-active {
      display: block;
      opacity: 1;
      transform: translateY(0);
    }

    /* ==========================================================================
       2. EDITORIAL HEADER & HIGH-FIDELITY HAMBURGER DRAWER SYSTEM
       ========================================================================== */
    header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100px;
      z-index: 1000;
      padding: 2rem 4rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: transparent;
      transition: background 0.4s ease;
    }

    header.scrolled-navigation {
      background: rgba(255, 247, 197, 0.95);
      backdrop-filter: blur(10px);
      padding: 1.5rem 4rem;
      border-bottom: 1px solid rgba(193, 51, 131, 0.08);
    }

.logo-container {
  display: inline-flex;
  margin-top: 3rem;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
}

/* Logo image control */
.logo-container .logo-image {
  height: 264px;            /* replace h-32 with consistent control */
  width: auto;
  object-fit: contain;
  transition: var(--transition-fast);
  filter: contrast(1.05);
}

/* subtle interaction */
.logo-container:hover .logo-image {
  transform: scale(1.03);
  opacity: 0.9;
}
    .center-navbar {
      display: flex;
      gap: 3rem;
    }

    .center-navbar a {
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      color: var(--text-dark);
      text-decoration: none;
      cursor: pointer;
      font-weight: 400;
      transition: var(--transition-fast);
      position: relative;
    }

    .center-navbar a::after {
      content: '';
      position: absolute;
      bottom: -6px;
      left: 0;
      width: 0;
      height: 1px;
      background-color: var(--primary-accent);
      transition: var(--transition-fast);
    }

    .center-navbar a:hover::after, .center-navbar a.route-link-active::after {
      width: 100%;
    }

    .center-navbar a:hover {
      color: var(--primary-accent);
    }

    .header-actions-block {
      display: flex;
      align-items: center;
      gap: 2rem;
    }

    .subscribe-header-btn {
      background-color: var(--primary-accent);
      color: var(--bg-beige);
      border: none;
      padding: 0.8rem 2rem;
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      font-weight: 500;
      cursor: pointer;
      transition: var(--transition-fast);
      border-radius: 1px;
    }

    .subscribe-header-btn:hover {
      background-color: var(--text-dark);
      color: var(--bg-cream);
    }

    /* Responsible Responsive Hamburger Controller Elements */
    .menu-toggle-trigger {
      display: none;
      background: none;
      border: none;
      cursor: pointer;
      flex-direction: column;
      gap: 6px;
      z-index: 2000;
    }

    .menu-toggle-trigger span {
      display: block;
      width: 26px;
      height: 1px;
      background-color: var(--text-dark);
      transition: var(--transition-fast);
    }

    .hamburger-drawer-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color: var(--bg-cream);
      z-index: 1500;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 2.5rem;
      opacity: 0;
      pointer-events: none;
      transition: var(--transition-slow);
    }

    .hamburger-drawer-overlay.drawer-visible {
      opacity: 1;
      pointer-events: auto;
    }

    .hamburger-drawer-overlay a {
      font-size: 1.8rem;
      font-weight: 200;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      color: var(--text-dark);
      text-decoration: none;
      transition: var(--transition-fast);
    }

    .hamburger-drawer-overlay a:hover {
      color: var(--primary-accent);
      transform: tracking-wide;
    }

    /* ==========================================================================
       3. HERO SECTION — BODY BALANCE STORY
       ========================================================================== */
    .hero-magazine-theater {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }

    .hero-parallax-background-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 120%;
      background-image: url('https://i.pinimg.com/736x/c2/2d/50/c22d508f115016f2ca0fabb68cc9fbc0.jpg');
      background-size: cover;
      background-position: center;
      will-change: transform;
      z-index: 1;
    }

    .hero-lens-blur-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(255, 246, 222, 0.4) 0%, rgba(255, 247, 197, 0.5) 100%);
      backdrop-filter: blur(2px);
      z-index: 2;
    }

    .hero-center-editorial-block {
      position: relative;
      z-index: 3;
      max-width: 850px;
      padding: 3rem;
      animation: editorialSoftReveal 1.5s cubic-bezier(0.25, 1, 0.3, 1) forwards;
    }

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

    .hero-center-editorial-block h1 {
      font-size: 4rem;
      font-weight: 100;
      letter-spacing: 0.2em;
      margin-bottom: 2rem;
      color: var(--text-dark);
    }

    .hero-center-editorial-block p {
      font-size: 1.2rem;
      font-weight: 300;
      margin-bottom: 1.5rem;
    }

    .hero-highlight-tag {
      font-size: 0.9rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.3em;
      color: var(--primary-accent);
    }

    /* ==========================================================================
       4. SECTION 2 — BELLY WELLNESS INTRO
       ========================================================================== */
    .belly-wellness-intro-section {
      background-color: var(--bg-cream);
      padding: 10rem 6rem;
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 8rem;
      align-items: center;
    }

    .intro-magazine-column {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .intro-magazine-column h2 {
      font-size: 2.8rem;
      margin-bottom: 2.5rem;
    }

    .intro-magazine-column p {
      margin-bottom: 2rem;
    }

    .editorial-pull-quote {
      font-size: 1.3rem;
      font-style: italic;
      font-weight: 300;
      border-left: 2px solid var(--primary-accent);
      padding-left: 2rem;
      margin-top: 1.5rem;
      color: rgba(44, 37, 32, 0.75);
    }

    .intro-image-floating-wrapper {
      position: relative;
      width: 100%;
    }

    .intro-floating-image-card {
      width: 100%;
      height: 600px;
      object-fit: cover;
      box-shadow: 0 30px 60px rgba(44, 37, 32, 0.05);
      transform: translateY(20px);
      transition: var(--transition-slow);
    }

    /* ==========================================================================
       5. SECTION 3 — DIGESTION STORY CARDS
       ========================================================================== */
    .digestion-story-cards-section {
      background-color: var(--bg-beige);
      padding: 12rem 6rem;
      text-align: center;
    }

    .digestion-story-cards-section h2 {
      font-size: 3rem;
      margin-bottom: 5rem;
    }

    .story-card-vertical-flow {
      display: flex;
      flex-direction: column;
      gap: 6rem;
      max-width: 1100px;
      margin: 0 auto;
    }

    .story-flow-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5rem;
      background-color: var(--white-layer);
      padding: 4rem;
      align-items: center;
      text-align: left;
      box-shadow: 0 20px 50px rgba(44, 37, 32, 0.03);
      transform: translateY(40px);
      opacity: 0;
      transition: var(--transition-slow);
    }

    .story-flow-card.element-revealed {
      transform: translateY(0);
      opacity: 1;
    }

    .story-flow-card img {
      width: 100%;
      height: 400px;
      object-fit: cover;
    }

    .story-flow-card-content h3 {
      font-size: 1.8rem;
      margin-bottom: 1.5rem;
    }

    /* ==========================================================================
       6. SECTION 4 — EDITORIAL BELLY GUIDE GRID
       ========================================================================== */
    .editorial-belly-guide-section {
      background-color: var(--bg-cream);
      padding: 12rem 6rem;
    }

    .editorial-belly-guide-section h2 {
      font-size: 3rem;
      text-align: center;
      margin-bottom: 6rem;
    }

    .asymmetric-editorial-grid-matrix {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 4rem;
      max-width: 1300px;
      margin: 0 auto;
    }

    .grid-editorial-card {
      background-color: var(--white-layer);
      padding: 2.5rem;
      box-shadow: 0 15px 40px rgba(44, 37, 32, 0.02);
      transition: var(--transition-slow);
    }

    .grid-editorial-card .img-container {
      position: relative;
      overflow: hidden;
      height: 320px;
      margin-bottom: 2rem;
    }

    .grid-editorial-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: var(--transition-slow);
    }

    .grid-editorial-card .color-wash-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(193, 51, 131, 0.2);
      opacity: 0;
      transition: var(--transition-slow);
    }

    .grid-editorial-card:hover {
      transform: translateY(-8px);
    }

    .grid-editorial-card:hover img {
      transform: scale(1.06);
    }

    .grid-editorial-card:hover .color-wash-overlay {
      opacity: 1;
    }

    .grid-editorial-card h4 {
      font-size: 1.3rem;
      margin-bottom: 1rem;
    }

    /* Asymmetric Size Definitions for Grid Mapping */
    .card-size-large-1 { grid-column: span 7; }
    .card-size-large-2 { grid-column: span 5; margin-top: 4rem; }
    .card-size-small-1 { grid-column: span 5; margin-top: -3rem; }
    .card-size-small-2 { grid-column: span 7; }

    /* ==========================================================================
       7. SECTION 5 — LIFESTYLE STORY SCROLL (PARALLAX INTEGRITY)
       ========================================================================== */
    .lifestyle-story-scroll-section {
      position: relative;
      width: 100%;
      height: 80vh;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 4rem;
    }

    .lifestyle-parallax-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 140%;
      background-image: url('https://i.pinimg.com/736x/a9/54/9b/a9549b8c033b316c820320689aed6406.jpg');
      background-size: cover;
      background-position: center;
      will-change: transform;
      z-index: 1;
    }

    .lifestyle-gradient-tint {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 246, 222, 0.75);
      z-index: 2;
    }

    .lifestyle-content-wrapper {
      position: relative;
      z-index: 3;
      max-width: 900px;
    }

    .lifestyle-content-wrapper p {
      font-size: 1.8rem;
      font-weight: 200;
      line-height: 1.6;
      color: var(--text-dark);
      margin-bottom: 2.5rem;
    }

    .lifestyle-content-wrapper span.keyword-highlight {
      color: var(--primary-accent);
      font-weight: 400;
    }

    /* ==========================================================================
       8. SECTION 6 — NUTRITION + ROUTINE
       ========================================================================== */
    .nutrition-routine-section {
      background-color: var(--bg-beige);
      padding: 12rem 6rem;
    }

    .nutrition-routine-section h2 {
      font-size: 3rem;
      text-align: center;
      margin-bottom: 8rem;
    }

    .rhythm-alternating-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8rem;
      align-items: center;
      max-width: 1200px;
      margin: 0 auto 10rem auto;
    }

    .rhythm-alternating-row:last-child {
      margin-bottom: 0;
    }

    .rhythm-text-node {
      display: flex;
      flex-direction: column;
    }

    .rhythm-text-node h3 {
      font-size: 2rem;
      margin-bottom: 1.5rem;
    }

    .rhythm-image-node img {
      width: 100%;
      height: 500px;
      object-fit: cover;
      box-shadow: 0 25px 50px rgba(44, 37, 32, 0.04);
    }

    .horizontal-soft-divider {
      width: 100%;
      height: 1px;
      background-color: rgba(193, 51, 131, 0.1);
      margin: 4rem 0;
    }

    /* ==========================================================================
       9. SECTION 7 — SUBSCRIBE WELLNESS JOURNAL
       ========================================================================== */
    .subscribe-wellness-journal-section {
      background-color: var(--bg-cream);
      padding: 12rem 4rem;
      display: flex;
      justify-content: center;
    }

    .centered-subscription-form-card {
      background-color: var(--white-layer);
      padding: 5rem;
      max-width: 750px;
      width: 100%;
      box-shadow: 0 30px 70px rgba(44, 37, 32, 0.06);
      border-top: 3px solid var(--primary-accent);
      text-align: center;
    }

    .centered-subscription-form-card h2 {
      font-size: 2.4rem;
      margin-bottom: 1.5rem;
    }

    .centered-subscription-form-card p {
      margin-bottom: 3.5rem;
    }

    .journal-form-grid {
      display: flex;
      flex-direction: column;
      gap: 2rem;
      text-align: left;
    }

    .form-input-wrapper {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    .form-input-wrapper label {
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      font-weight: 500;
      color: var(--primary-accent);
    }

    .form-input-wrapper input, .form-input-wrapper select {
      background: transparent;
      border: none;
      border-bottom: 1px solid rgba(44, 37, 32, 0.2);
      padding: 1rem 0;
      font-family: var(--font-montserrat);
      font-size: 1.1rem;
      color: var(--text-dark);
      outline: none;
      transition: var(--transition-fast);
    }

    .form-input-wrapper input:focus, .form-input-wrapper select:focus {
      border-bottom-color: var(--primary-accent);
    }

    .form-actions-row {
      display: flex;
      gap: 1.5rem;
      margin-top: 2rem;
    }

    .primary-action-btn {
      flex: 1;
      background-color: var(--primary-accent);
      color: var(--bg-beige);
      border: none;
      padding: 1.2rem 2rem;
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      font-weight: 500;
      cursor: pointer;
      transition: var(--transition-fast);
    }

    .primary-action-btn:hover {
      background-color: var(--text-dark);
      color: var(--bg-cream);
    }

    .secondary-action-btn {
      background-color: transparent;
      color: rgba(44, 37, 32, 0.5);
      border: 1px solid rgba(44, 37, 32, 0.15);
      padding: 1.2rem 2rem;
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      font-weight: 500;
      cursor: pointer;
      transition: var(--transition-fast);
    }

    .secondary-action-btn:hover {
      color: var(--text-dark);
      border-color: var(--text-dark);
    }

    /* ==========================================================================
       10. MULTIPAGE ARCHITECTURE / INTERIOR PAGES CONTENT BLOCKS
       ========================================================================== */
    .interior-editorial-canvas {
      max-width: 1000px;
      margin: 0 auto;
      padding: 14rem 4rem 10rem 4rem;
    }

    .interior-editorial-canvas h1 {
      font-size: 3.8rem;
      margin-bottom: 2rem;
      color: var(--text-dark);
    }

    .interior-canvas-pullout {
      font-size: 1.3rem;
      font-weight: 300;
      line-height: 1.7;
      margin-bottom: 4rem;
      color: var(--primary-accent);
    }

    .deep-reading-block {
      margin-top: 4rem;
    }

    .deep-reading-block h2 {
      font-size: 2rem;
      margin: 3rem 0 1.5rem 0;
      color: var(--text-dark);
    }

    .deep-reading-block p {
      margin-bottom: 2rem;
      font-size: 1.1rem;
    }

    /* ==========================================================================
       11. UNIVERSAL EDITORIAL FOOTER FRAMEWORK
       ========================================================================== */
    footer {
      background-color: var(--primary-accent);
      color: var(--bg-cream);
      padding: 8rem 6rem 4rem 6rem;
    }

    .footer-layout-matrix {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
      gap: 5rem;
      border-bottom: 1px solid rgba(255, 247, 197, 0.15);
      padding-bottom: 5rem;
      margin-bottom: 3rem;
    }

    .footer-brand h3 {
      font-size: 1.6rem;
      margin-bottom: 1.5rem;
      color: var(--bg-cream);
    }

    .footer-brand p {
      color: rgba(255, 247, 197, 0.75);
      font-size: 0.95rem;
      max-width: 320px;
    }

    .footer-links-column h5 {
      font-size: 0.85rem;
      margin-bottom: 1.8rem;
      letter-spacing: 0.2em;
      color: var(--bg-cream);
    }

    .footer-links-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    .footer-links-list a {
      color: rgba(255, 247, 197, 0.75);
      text-decoration: none;
      font-size: 0.95rem;
      transition: var(--transition-fast);
      cursor: pointer;
    }

    .footer-links-list a:hover {
      color: var(--bg-cream);
      transform: translateX(4px);
    }

    .footer-base-strip {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.85rem;
      color: rgba(255, 247, 197, 0.6);
    }

    .footer-base-strip a {
      color: rgba(255, 247, 197, 0.6);
      text-decoration: none;
      margin-left: 2rem;
      cursor: pointer;
      transition: var(--transition-fast);
    }

    .footer-base-strip a:hover {
      color: var(--bg-cream);
    }

    /* ==========================================================================
       12. COMPREHENSIVE RESPONSIVE ORCHESTRATION
       ========================================================================== */
    @media (max-width: 1200px) {
      .asymmetric-editorial-grid-matrix {
        gap: 2rem;
      }
      .card-size-large-2, .card-size-small-1 {
        margin-top: 0;
      }
    }

    @media (max-width: 992px) {
      header {
        padding: 1.5rem 2.5rem;
      }
      header.scrolled-navigation {
        padding: 1rem 2.5rem;
      }
      .center-navbar {
        display: none;
      }
      .menu-toggle-trigger {
        display: flex;
      }
      .belly-wellness-intro-section {
        grid-template-columns: 1fr;
        padding: 8rem 2.5rem;
        gap: 4rem;
      }
      .intro-floating-image-card {
        height: 450px;
      }
      .digestion-story-cards-section, .editorial-belly-guide-section, .nutrition-routine-section {
        padding: 8rem 2.5rem;
      }
      .story-flow-card {
        grid-template-columns: 1fr;
        padding: 2.5rem;
        gap: 2.5rem;
      }
      .story-flow-card img {
        height: 300px;
      }
      .asymmetric-editorial-grid-matrix {
        grid-template-columns: 1fr;
      }
      .grid-editorial-card {
        grid-column: span 1 / span 1 !important;
      }
      .rhythm-alternating-row {
        grid-template-columns: 1fr;
        gap: 3rem;
        margin-bottom: 6rem;
      }
      .rhythm-alternating-row:nth-child(even) .rhythm-image-node {
        grid-row: 1;
      }
      .rhythm-image-node img {
        height: 350px;
      }
      .footer-layout-matrix {
        grid-template-columns: 1fr;
        gap: 3.5rem;
      }
      footer {
        padding: 6rem 2.5rem 3rem 2.5rem;
      }
      .footer-base-strip {
        flex-direction: column;
        gap: 1.5rem;
        text-align: center;
      }
      .footer-base-strip div {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
      }
      .footer-base-strip a {
        margin-left: 0;
      }
      .centered-subscription-form-card {
        padding: 3rem 2rem;
      }
    }

    /* ==========================================================================
   SUBSCRIBE STAGE FORM — EDITORIAL UI
   ========================================================================== */

#stage-subscribe .deep-reading-block {
  margin-top: 5rem;
  padding: 3rem;
  background: var(--white-layer);
  box-shadow: 0 25px 60px rgba(44, 37, 32, 0.05);
  border-left: 2px solid var(--primary-accent);
}

/* Form container */
.subscription-form {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
  margin-top: 2.5rem;
}

/* Label styling */
.subscription-form label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  color: var(--primary-accent);
  font-weight: 500;
}

/* Email input */
.subscription-form input[type="email"] {
  width: 100%;
  padding: 1.2rem 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(44, 37, 32, 0.2);
  font-family: var(--font-montserrat);
  font-size: 1.1rem;
  color: var(--text-dark);
  outline: none;
  transition: var(--transition-fast);
}

.subscription-form input[type="email"]::placeholder {
  color: rgba(44, 37, 32, 0.35);
  letter-spacing: 0.05em;
}

.subscription-form input[type="email"]:focus {
  border-bottom-color: var(--primary-accent);
}

/* Button row */
.subscription-form div {
  display: flex;
  gap: 1.2rem;
  margin-top: 1rem;
}

/* Subscribe button */
#subscribe-btn {
  flex: 1;
  background: var(--primary-accent);
  color: var(--bg-beige);
  border: none;
  padding: 1rem 1.5rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  cursor: pointer;
  transition: var(--transition-fast);
}

#subscribe-btn:hover {
  background: var(--text-dark);
  color: var(--bg-cream);
}

/* Unsubscribe button */
#unsubscribe-btn {
  flex: 1;
  background: transparent;
  border: 1px solid rgba(44, 37, 32, 0.2);
  color: rgba(44, 37, 32, 0.7);
  padding: 1rem 1.5rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  cursor: pointer;
  transition: var(--transition-fast);
}

#unsubscribe-btn:hover {
  border-color: var(--text-dark);
  color: var(--text-dark);
}

/* Feedback message */
#form-feedback {
  font-size: 0.95rem;
  font-weight: 300;
  color: rgba(44, 37, 32, 0.75);
  border-top: 1px solid rgba(193, 51, 131, 0.15);
  padding-top: 1.5rem;
  margin-top: 2rem;
}

/* Status message emphasis override */
#subscription-status-message {
  font-weight: 300;
  line-height: 1.7;
}