/** Shopify CDN: Minification failed

Line 31:2 Unexpected "}"

**/
.home-banner {
  padding: 0 12px;
}

/* Core container */
.home-banner-container {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 2832 / 1200;               /* set to your image’s ratio */
  width: 100%;

  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 80px;                     
  box-sizing: border-box;            /* keeps padding tidy with aspect-ratio */
  border-radius: var(--Corner-Radius-Small, 12px);
}

/* Optional guardrails for very tall/short screens */
/* @media (min-width: 1700px) {
  .home-banner-container {
    max-height: 85vh;                /* don’t let it get silly-tall on ultra-wide */
  }
} */

/* Alignment modifiers */
.home-banner-container.left   { justify-content: flex-start; text-align: left; }
.home-banner-container.center { justify-content: center;     text-align: center; }
.home-banner-container.right  { justify-content: flex-end;   text-align: left;  }
.home-banner-container.top    { align-items: flex-start; }   /* 'self-start' isn’t valid here */
.home-banner-container.middle { align-items: center; }
.home-banner-container.bottom { align-items: flex-end; }

.home-banner-content {
  position: relative;
  z-index: 2;
}

/* Typography unchanged */
.home-banner-content h2 {
  margin: 0 0 16px;
  overflow: hidden;
  color: var(--color-white);
  font-family: var(--body-font-family);
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
}
.home-banner-content p {
  margin: 0 0 16px;
  overflow: hidden;
  color: var(--color-white);
  font-family: var(--body-font-family);
  font-size: 20px;
  font-weight: 325;
  line-height: normal;
}

/* Overlay: make it just the gradient; don’t re-set the image again */
.home-banner-overlay {
  display: block !important;
  position: absolute;
  inset: 0;
  opacity: 0.88; /* was '088' */
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 50%) 100%);
  pointer-events: none;
}

/* Links */
.home-banner-content a {
  color: var(--Color-Greyscale-Off-black);
  font-weight: 400;
  border-radius: var(--Spacing-12);
}

/* Mobile */
.home-banner-content-mobile { display: none; }

@media screen and (max-width: 550px) {
  .home-banner { padding: 0; }

  .home-banner-container {
    /* height: 400px; <-- kill fixed height */
    aspect-ratio: 5 / 5;           /* often nicer ratio on phones; tweak for your image set */
    padding: var(--Spacing-24, 24px) var(--Spacing-16, 16px) var(--Spacing-48, 48px) var(--Spacing-16, 16px);
    border-radius: 0;
  }

  .home-banner-content h2 {
    font-size: 32px;
    line-height: normal;
    margin-bottom: 24px;
  }
  .home-banner-content p { margin-bottom: 24px; }

  .home-banner-content,
  .home-banner-content a { width: 100%; }

  .home-mobile-banner .home-banner-content-mobile {
    display: block;
    margin-top: 30px;
    padding: 0 24px;
    text-align: center;
  }
  .home-mobile-banner .home-banner-content-mobile h2,
  .home-mobile-banner .home-banner-content-mobile p {
    color: var(--Color-Greyscale-Off-black);
  }
  .home-mobile-banner .home-banner-container .home-banner-content { display: none; }
}