/* ==========================================================================
   04-special-features.css — one-off, page/block-specific overrides
   Everything in here is scoped to a specific block ID, not a general
   class — so unlike the other files, nothing here can ever leak out
   and affect some OTHER gallery, page, or element elsewhere on the
   site. Safe to load always; each rule only ever matches the one
   exact block it names.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Testimonials gallery — text-driven card height
   The stock card design assumes every card has a cover photo behind an
   absolutely-positioned caption. With no photo, and no min-height set
   for whatever size this gallery uses, cards collapse to just their
   border. This puts the text back in normal flow so its own content
   gives the card real height, and adds padding since it's no longer
   leaning on an image for visual structure.
   -------------------------------------------------------------------------- */
#block-3c04e3cf42c980cba207c7c5369c3760 .notion-collection-card {
  min-height: 0 !important;
  height: auto !important;
}

#block-3c04e3cf42c980cba207c7c5369c3760 .notion-collection-card__content {
  position: static !important;
  background: none !important;
  width: auto !important;
  padding: 28px !important;
}

/* --------------------------------------------------------------------------
   Homepage hero ("HEART + SOLUTIONS") — tighter line-height
   General H1-Bold line-height is 1 (00-base-theme.css). This one
   block wants 0.8 specifically, without changing that site-wide
   default. Targets both the h1 itself and its inner strong spans
   (the text is split across three color-highlighted spans, each
   bolded), so 0.8 wins over both the general plain-H1 rule and the
   general bold-H1 rule regardless of which would otherwise apply.
   -------------------------------------------------------------------------- */
#block-3c04e3cf42c9808695b8df5cb254bd15,
#block-3c04e3cf42c9808695b8df5cb254bd15 strong {
  line-height: 0.8 !important;
}

/* --------------------------------------------------------------------------
   Reference only — NOT an active rule in this file.
   Page name + icon are intentionally NOT hidden globally — some pages
   (e.g. a future blog) may want to keep them visible. To hide them on
   one specific page, paste this into that page's own CSS field in
   Super instead:

     .notion-header__title,
     .notion-header__icon-wrapper {
       display: none !important;
     }

     .notion-header {
       padding-bottom: 160px !important;
     }

   The padding-bottom replaces the space the title used to take up, so
   only include it on pages where you're also hiding the title above.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   Logo strip — two across on mobile
   Super stacks columns on small screens, so each logo becomes a
   full-width image and the strip turns into a very long scroll. This
   keeps the columns wrapping instead, two per line.
   Scoped to the logo callout's own block ID, so no other column row
   on the site is affected. Confirmed via Inspect: the container class
   is notion-column-list (not notion-row).
   -------------------------------------------------------------------------- */
@media all and (max-width: 768px) {
  #block-3c14e3cf42c98081bb1ccc7efd016481 .notion-column-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  #block-3c14e3cf42c98081bb1ccc7efd016481 .notion-column {
    flex: 0 0 calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}