/** Shopify CDN: Minification failed

Line 20:18 Unexpected "{"
Line 20:27 Expected ":"
Line 21:18 Unexpected "{"
Line 21:27 Expected ":"
Line 26:18 Unexpected "{"
Line 26:27 Expected ":"
Line 44:22 Unexpected "{"
Line 44:31 Expected ":"
Line 50:18 Unexpected "{"
Line 50:27 Expected ":"
... and 30 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* Everything scoped to this section instance (no theme collisions) */
#shopify-section-{{ section.id }} .blnkr-banner,
#shopify-section-{{ section.id }} .blnkr-banner * {
  box-sizing: border-box;
}

/* Width limiter grid (like your previous element) */
#shopify-section-{{ section.id }} .blnkr-banner {
  --blnkr-page-width: var(--page-width, 1400px);
  --blnkr-page-margin: var(--page-margin, 0px);

  --content-width: min(
    calc(var(--blnkr-page-width) - var(--blnkr-page-margin) * 2),
    calc(100% - var(--blnkr-page-margin) * 2)
  );
  --content-margin: minmax(var(--blnkr-page-margin), 1fr);
  --content-grid: var(--content-margin) var(--content-width) var(--content-margin);

  position: relative;
  display: grid;
  grid-template-columns: var(--content-grid);
  width: 100%;
}

@media (max-width: 576px){
    #shopify-section-{{ section.id }} .blnkr-banner {
      margin-left: 1rem;
    }
}

/* Banner spans from content column to the far right edge */
#shopify-section-{{ section.id }} .blnkr-banner__inner {
  grid-column: 2 / -1;
  justify-self: stretch;
  width: 100%;

  position: relative;
  overflow: hidden;

  background-color: rgba(29, 29, 29, 1);

  /* Keep your image (set via inline style) + add a subtle gradient underneath */
  background-repeat: no-repeat;
  background-size: auto 185px;
  background-position: -35px 0px;

  border-radius: 0 0 0 48px;
  color: #fff;
}

/* Ensure inline bg-image is respected; layer gradient beneath it */
#shopify-section-{{ section.id }} .blnkr-banner__inner[style*="background-image"] {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.15), rgba(0,0,0,0.55)),
    inherit;
}

/* Content layout: stack headline + subtitle as one block on the right */
#shopify-section-{{ section.id }} .blnkr-banner__content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;     /* <<< keeps both on the right */
  justify-content: center;   /* vertically centered like your intended look */
  gap: 1.25rem;

  width: 100%;
  min-height: 250px;

  padding: 2.5rem 1.5rem 2rem 1.5rem;
}

/* Predictable typography (avoid theme h1 defaults) */
#shopify-section-{{ section.id }} .blnkr-banner__title {
  margin: 0;
  font-weight: 400;
  text-align: right;

  font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);
  line-height: 1.15;

  /* prevent theme rules from constraining it */
  max-width: none;
}

/* Subtitle: force it to NOT get centered/max-width from theme typography */
#shopify-section-{{ section.id }} .blnkr-banner__subtitle {
  margin: 0;
  text-align: right;

  font-size: clamp(1rem, 0.6818rem + 1.4545vw, 1.5rem);
  line-height: 1.35;

  max-width: none;
  width: auto;
  margin-left: 0;
  margin-right: 0;
}

/* Utilities (namespaced) */
#shopify-section-{{ section.id }} .blnkr-u-fw-black { font-weight: 900; }
#shopify-section-{{ section.id }} .blnkr-u-underline {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

#shopify-section-{{ section.id }} .blnkr-u-resp { display: inline; }

/* Responsive tweaks */
@media (min-width: 576px) {
  #shopify-section-{{ section.id }} .blnkr-banner__inner {
    background-size: auto 285px;
    background-position: left top;
  }

  #shopify-section-{{ section.id }} .blnkr-banner__content {
    padding: 3.5rem 2.5rem 3rem 2rem;
    min-height: 300px;
  }
}

@media (min-width: 992px) {
  /* Center the stacked block */
  #shopify-section-{{ section.id }} .blnkr-banner__content {
    align-items: center; /* <<< both headline + subtitle centered together */
    gap: 2rem;
    padding: 3rem 2rem 3rem 2rem;
  }

  #shopify-section-{{ section.id }} .blnkr-banner__title,
  #shopify-section-{{ section.id }} .blnkr-banner__subtitle {
    text-align: center;
  }
}
/* Default: allow wrapping on small screens */
#shopify-section-{{ section.id }} .blnkr-banner__title {
  white-space: normal;
}

/* Desktop: force headline into ONE line */
@media (min-width: 992px) {
  #shopify-section-{{ section.id }} .blnkr-banner__title {
    white-space: nowrap;
  }

  /* Disable the manual line break */
  #shopify-section-{{ section.id }} .blnkr-u-resp {
    display: none;
  }
}
div.slogan{
    text-align: center;
    padding-block: var(--default-block-padding);
}

.slogan h2,
h2.slogan{
    font-size: clamp(1.125rem, 0.648rem + 2.1807vw, 2rem);
}

.shopify-section-group-footer-group .slogan h2{
font-size: clamp(1rem, 0.7274rem + 1.2461vw, 1.5rem);
}