/** Shopify CDN: Minification failed

Line 37:12 Expected identifier but found whitespace
Line 37:14 Unexpected "{"
Line 37:23 Expected ":"
Line 37:66 Expected ":"
Line 64:14 Expected identifier but found whitespace
Line 64:16 Unexpected "{"
Line 64:25 Expected ":"
Line 64:67 Expected ":"

**/
/* --- BESPOKE HERO CENTERING & STYLING --- */

.custom-hero-wrapper {
  height: 100vh; 
  width: 100%;
  display: flex !important;
  flex-direction: column;
  align-items: center !important; /* Locks vertical center */
  justify-content: center !important; /* Locks horizontal center */
  background-color: #000000 !important;
  position: relative;
  overflow: hidden;
  margin-top: -60px; /* Pulls the section up slightly to offset the header space */
}

.custom-hero-content {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  z-index: 2; /* Ensures it stays above the background */
}

/* Image Logo Styling tied to Shopify Customizer sliders */
.hero-image-logo {
  max-width: {{ section.settings.desktop_width | default: 600 }}px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Keeps the H1 in the DOM for SEO, but invisible to the user */
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/* Mobile adjustments */
@media screen and (max-width: 768px) {
  .custom-hero-wrapper {
    height: 85vh; /* Prevents the mobile browser UI from cutting off the logo */
    margin-top: -40px;
  }

  .hero-image-logo {
    max-width: {{ section.settings.mobile_width | default: 300 }}px;
  }
}