/** Shopify CDN: Minification failed

Line 16:9 Unexpected "{"
Line 16:18 Expected ":"
Line 16:25 Unexpected "{"
Line 42:31 Unexpected "{"
Line 42:40 Expected ":"
Line 42:47 Unexpected "{"
Line 116:11 Unexpected "{"
Line 116:20 Expected ":"
Line 116:27 Unexpected "{"
Line 193:11 Unexpected "{"
... and 2 more hidden warnings

**/
#Banner-{{ section.id }} {
  position: relative;
  height: 91vh;
  overflow: hidden;
}

.banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.banner__content {
  position: absolute;
  top: 40%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #3e2b1c;
  z-index: 2;
  max-width: 850px;
  word-wrap: break-word;
  white-space: normal;#Banner-{{ section.id }} {
  position: relative;
  height: 91vh;
  overflow: hidden;
}

.banner__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.banner__content {
  position: absolute;
  top: 40%;
  left: 1rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #3e2b1c;
  z-index: 2;
  max-width: 850px;
  word-wrap: break-word;
  white-space: normal;
  padding-right: 1rem;
}

.banner__box {
  width: 100%;
}

.banner__heading {
  font-size: 2.5rem;
  font-weight: 200;
  margin-bottom: 1rem;
  max-width: 100%;
  line-height: 1.2;
  word-break: break-word;
}

.banner__text p {
  font-size: 1.2rem;
  margin: 0 0 1.5rem 0;
  word-break: break-word;
}

.banner__buttons {
  display: block;
  text-align: left;
  margin-top: 1rem;
}

.banner__buttons a {
  display: inline-block;
  padding: 12px 24px;
  font-size: 1rem;
  color: #3e2b1c;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.banner__buttons a:hover {
  background-color: #f1d046;
  color: white;
}

/* RESPONSIVE MOBILE FIX */
@media screen and (max-width: 768px) {
  #Banner-{{ section.id }} {
    height: auto;
  }

  .banner__media img {
    height: auto;
  }

  .banner__content {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding: 2rem 1.5rem;
  }

  .banner__heading {
    font-size: 1.8rem;
  }

  .banner__text p {
    font-size: 1rem;
  }

  .banner__buttons a {
    padding: 10px 20px;
    font-size: 0.95rem;
  }
}

  padding-right: 1rem;
}

.banner__box {
  width: 100%;
}

.banner__heading {
  font-size: 2.5rem;
  font-weight: 200;
  margin-bottom: 1rem;
  max-width: 100%;
  line-height: 1.2;
  word-break: break-word;
}

.banner__text p {
  font-size: 1.2rem;
  margin: 0 0 1.5rem 0;
  word-break: break-word;
}

.banner__buttons {
  display: block;
  text-align: left;
  margin-top: 1rem;
}

.banner__buttons a {
  display: inline-block;
  padding: 12px 24px;
  font-size: 1rem;
  color: #3e2b1c;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

.banner__buttons a:hover {
  background-color: #f1d046;
  color: white;
}

/* 📱 Mobile Optimization */
@media screen and (max-width: 768px) {
  #Banner-{{ section.id }} {
    height: auto;
  }

  .banner__media img {
    height: auto;
  }

  .banner__content {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding: 2rem 1.5rem;
    max-width: 100%;
  }

  .banner__heading {
    font-size: 1.8rem;
    word-wrap: break-word;
    white-space: normal;
  }

  .banner__text p {
    font-size: 1rem;
    word-wrap: break-word;
  }

  .banner__buttons a {
    padding: 10px 20px;
    font-size: 0.95rem;
  }
}