/** Shopify CDN: Minification failed

Line 20:9 Unexpected "{"
Line 20:18 Expected ":"
Line 20:25 Unexpected "{"
Line 23:9 Unexpected "{"
Line 23:18 Expected ":"
Line 31:9 Unexpected "{"
Line 31:18 Expected ":"
Line 32:9 Unexpected "{"
Line 32:18 Expected ":"
Line 34:9 Unexpected "{"
... and 17 more hidden warnings

**/
.m-hero-section .container-full{padding-left:0;padding-right:0}.m-hero{display:block;position:relative;width:100%;overflow:hidden}.m-hero.m-hero--adapt .m-hero__bg{height:0;padding-block-end:calc(100%/(.0001 + var(--aspect-ratio)))}@media screen and (max-width: 767px){.m-hero.m-hero--adapt .m-hero__bg{padding-block-end:calc(100%/(.0001 + var(--aspect-ratio-mobile, var(--aspect-ratio))))}}.m-hero.m-hero--adapt .m-parallax{position:relative}.m-hero.m-hero--adapt .m-parallax__wrapper{position:absolute;inset:0}.m-hero:not(.m-hero--adapt).m-hero--small .m-hero__bg{height:290px}.m-hero:not(.m-hero--adapt).m-hero--medium .m-hero__bg{height:360px}.m-hero:not(.m-hero--adapt).m-hero--large .m-hero__bg{height:420px}.m-hero:not(.m-hero--adapt).m-hero--fullscreen .m-hero__bg{height:100vh}@media screen and (min-width: 768px){.m-hero:not(.m-hero--adapt).m-hero--small .m-hero__bg{height:420px}.m-hero:not(.m-hero--adapt).m-hero--medium .m-hero__bg{height:560px}.m-hero:not(.m-hero--adapt).m-hero--large .m-hero__bg{height:720px}.m-hero:not(.m-hero--adapt).m-hero--fullscreen .m-hero__bg{height:100vh}}.m-hero--has-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--color-image-overlay);opacity:var(--opacity-image-overlay)}@media screen and (max-width: 767px){.m-hero--has-overlay.m-hero__mobile-no-overlay::before{display:none}}.m-hero__inner{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding-top:40px;padding-bottom:40px}@media screen and (min-width: 768px){.m-hero__inner{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1280px){.m-hero__inner{padding-top:100px;padding-bottom:100px}}.m-hero__inner[class*="--middle-"]{align-items:center}.m-hero__inner[class*="--top-"]{align-items:flex-start}.m-hero__inner[class*="--bottom-"]{align-items:flex-end}.m-hero__inner--top-center,.m-hero__inner--bottom-center,.m-hero__inner--middle-center{justify-content:center}.m-hero__inner--top-left,.m-hero__inner--bottom-left,.m-hero__inner--middle-left{justify-content:flex-start}.m-hero__inner--top-right,.m-hero__inner--bottom-right,.m-hero__inner--middle-right{justify-content:flex-end}.m-hero__content{width:max-content}@media screen and (min-width: 768px){.m-hero__content{max-width:56rem}}.m-hero__content p{margin-top:0}.m-hero__title,.m-hero__subtitle{padding-left:0;padding-right:0;display:block}.m-hero__title{margin-bottom:24px}@media screen and (max-width: 767px){.m-hero__title{margin-bottom:12px}}.m-hero__subtitle{margin-bottom:16px}@media screen and (max-width: 767px){.m-hero__subtitle{margin-bottom:8px}}.m-hero__text{margin-bottom:24px}@media screen and (max-width: 767px){.m-hero__text{margin-bottom:16px}}.m-hero__btn{display:flex;align-items:center;gap:24px}@media screen and (max-width: 767px){.m-hero__content br{display:none}.m-hero__content .m-hero__btn .sf__btn:not(.m-button--link){padding-top:7px;padding-bottom:7px}.m-hero--large .m-hero__inner,.m-hero--fullscreen .m-hero__inner{padding-top:80px;padding-bottom:80px}.m-hero--content-stack{overflow:visible;margin-bottom:40px}.m-hero--content-stack .m-placeholder-svg{background-color:rgba(var(--text-black), 0.2);fill:rgba(var(--text-black), 0.4)}.m-hero--content-stack .m-hero__inner{position:relative !important;z-index:2;padding-top:32px;padding-bottom:20px;display:block}.m-hero--content-stack .m-hero__content{width:100%}.m-hero--content-stack .m-hero__title,.m-hero--content-stack .m-hero__subtitle,.m-hero--content-stack .m-hero__text{color:rgba(var(--text-black), 1)}.m-hero--content-stack.m-hero--has-overlay:before{display:none}}.m-hero--has-link .m-hero__inner{pointer-events:none;z-index:7}.m-hero--has-link .m-hero__btn{pointer-events:auto}.m-video__bg{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none}.m-video__bg iframe,.m-video__bg video{display:block;position:absolute;left:0;top:0;max-width:none;border:none;width:100%;height:100%;object-fit:cover}


/* Positioning context for the whole hero */
#m-hero-{{ section.id }} { position: relative; }

/* Icon above background/overlay/video */
#m-hero-{{ section.id }} .hero-icon {
  position: absolute;
  z-index: 60; /* higher than theme overlay */
  display: inline-block;
  line-height: 0;
}

/* Corner placement (adjust padding as desired) */
#m-hero-{{ section.id }} .hero-icon--top-right { top: 70px; right: 70px; }
#m-hero-{{ section.id }} .hero-icon--top-left  { top: 70px; left: 70px;  }

#m-hero-{{ section.id }} .hero-icon img { width: 200px; height: auto; }

/* Phones ≤ 767px */
@media (max-width: 767px) {
  /* Reduce icon size */
  #m-hero-{{ section.id }} .hero-icon img {
    width: 72px;   /* tweak as needed */
    height: auto;
  }

  /* Respect notch / safe areas */
  #m-hero-{{ section.id }} .hero-icon--top-right {
    top: calc(70px + env(safe-area-inset-top));
    right: calc(30px + env(safe-area-inset-right));
  }
  #m-hero-{{ section.id }} .hero-icon--top-left {
    top: calc(70px + env(safe-area-inset-top));
    left: calc(30px + env(safe-area-inset-left));
  }

  /* Optional: keep icon above any sticky header overlays */
  #m-hero-{{ section.id }} .hero-icon { z-index: 99; }
}

/* Very narrow phones ≤ 360px */
@media (max-width: 360px) {
  #m-hero-{{ section.id }} .hero-icon img { width: 60px; }
  #m-hero-{{ section.id }} .hero-icon--top-right {
    top: calc(10px + env(safe-area-inset-top));
    right: calc(10px + env(safe-area-inset-right));
  }
  #m-hero-{{ section.id }} .hero-icon--top-left {
    top: calc(10px + env(safe-area-inset-top));
    left: calc(10px + env(safe-area-inset-left));
  }
}

/* Short landscape phones (e.g., 568–736px width, ~320–414px height) */
@media (max-height: 420px) and (orientation: landscape) {
  /* Option A: shrink more to avoid covering copy/buttons */
  #m-hero-{{ section.id }} .hero-icon img { width: 52px; }

  /* Option B (alternative): hide if space is too tight */
  /* #m-hero-{{ section.id }} .hero-icon { display: none; } */
}

/* If the hero has a dark overlay that sits above the video/content,
   increase z-index more (uncomment if needed) */
/*
#m-hero-{{ section.id }} .hero-icon { z-index: 120; }
*/

