/** Shopify CDN: Minification failed

Line 54:0 Expected "}" to go with "{"

**/
/* Custom CSS for site-specific edge cases that are too complex for Theme Editor custom CSS settings. */

/*
 * Desktop and mobile
 *
 * Add shared overrides here.
 */
.story-photo {
        height: 600px;
        position: relative;
      }
      .story-photo:after {
        content: '';
        position: absolute;
        inset: 18px -18px -18px 18px;
        border: 3px solid #0D4C31;
        z-index: -1;
      }


  @media screen and (min-width: 750px) {
    .hero__container {
    padding: 0!important;}
 .hero__media {
      width: 100%!important;
      aspect-ratio: auto!important;
    }

    .hero__media-grid {
      position: relative!important;
      aspect-ratio: var(--hero-media-grid-aspect-ratio, var(--hero-media-aspect-ratio, 1))!important;
    }

    .hero__content-wrapper {
      position: absolute!important;
      inset: 0!important;
      padding-block: calc(var(--padding-block-start, 0px) + var(--section-top-offset, 0px))
        var(--padding-block-end, 0px)!important;
      padding-inline: var(--padding-inline-start, 0px) var(--padding-inline-end, 0px)!important;
    }
    

 /* * Mobile only
 *
 * @media screen and (max-width: 749px) {
 *   Add mobile overrides here.
 * }
 */