/** Shopify CDN: Minification failed

Line 254:0 Unexpected "}"

**/
/* =========================
   NOTTI BLOG LISTING - CLEAN EDITORIAL DESIGN
   ========================= */

/* Main blog container */
.main-blog {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Blog page title: Blogs */
.main-blog .title--primary {
  margin: 0 0 30px !important;
  color: #18362f !important;
  font-size: 40px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: 0.035em !important;
}

/* Blog grid */
.blog-articles {
  display: grid !important;
  grid-template-columns: 1fr !important;
  column-gap: 22px !important;
  row-gap: 34px !important;
}

/* Card wrapper */
.blog-articles .card-wrapper,
.blog-articles .article-card-wrapper {
  width: 100% !important;
  height: 100% !important;
}

/* Remove heavy default card look */
.main-blog .article-card,
.main-blog .article-card .card,
.main-blog .article-card .card--card,
.main-blog .article-card .card__content,
.main-blog .article-card .card__information {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Whole card interaction */
.main-blog .blog-articles__article {
  transition: transform 0.28s ease, opacity 0.28s ease !important;
}

.main-blog .blog-articles__article:hover {
  transform: translateY(-4px) !important;
}

/* Image container */
.main-blog .article-card .card__inner,
.main-blog .article-card .card__media,
.main-blog .article-card .media {
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #f7f2e8 !important;
}

/* Force horizontal image ratio, but with more visible image height */
.main-blog .article-card .card__inner.ratio::before,
.main-blog .article-card .media::before {
  padding-bottom: 75% !important;
}

/* Blog images */
.main-blog .article-card img,
.main-blog .article-card .media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.45s ease, filter 0.45s ease !important;
}

/* Hover image zoom */
.main-blog .blog-articles__article:hover img,
.main-blog .blog-articles__article:hover .media img {
  transform: scale(1.045) !important;
  filter: brightness(0.96) !important;
}

/* Text area */
.main-blog .article-card .card__content {
  padding: 14px 2px 0 !important;
}

.main-blog .article-card .card__information {
  padding: 0 !important;
}

/* Blog title */
.main-blog .article-card .card__heading,
.main-blog .article-card .card__heading a,
.main-blog .article-card h2,
.main-blog .article-card h3 {
  margin: 0 !important;
  color: #18362f !important;
  font-size: 20px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
}

/* Blog title hover */
.main-blog .blog-articles__article:hover .card__heading a {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

/* Limit blog title to 2 lines */
.main-blog .article-card .card__heading {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Excerpt */
.main-blog .article-card__excerpt,
.main-blog .article-card__excerpt p,
.main-blog .article-card .rte-width {
  margin-top: 9px !important;
  margin-bottom: 0 !important;
  color: rgba(24, 54, 47, 0.72) !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  letter-spacing: 0.005em !important;
}

/* Limit excerpt to 3 lines */
.main-blog .article-card__excerpt,
.main-blog .article-card .rte-width {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Date / author if enabled */
.main-blog .article-card__info,
.main-blog .caption-with-letter-spacing {
  margin-bottom: 8px !important;
  color: rgba(24, 54, 47, 0.52) !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* Pagination spacing */
.main-blog .pagination-wrapper {
  margin-top: 46px !important;
}

/* =========================
   TABLET
   ========================= */

@media screen and (min-width: 750px) {
  .blog-articles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 26px !important;
    row-gap: 42px !important;
  }
}

/* =========================
   DESKTOP
   ========================= */

@media screen and (min-width: 990px) {
  .blog-articles {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 34px !important;
    row-gap: 48px !important;
  }

  .main-blog .title--primary {
  font-size: 42px !important;
  margin-bottom: 34px !important;
  }
}

/* =========================
   MOBILE
   ========================= */

@media screen and (max-width: 749px) {
  .main-blog {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

 .main-blog .title--primary {
  margin-bottom: 24px !important;
  font-size: 34px !important;
  line-height: 1.08 !important;
  letter-spacing: 0.035em !important;
}

  .blog-articles {
    row-gap: 36px !important;
  }

  .main-blog .article-card .card__inner,
  .main-blog .article-card .card__media,
  .main-blog .article-card .media {
    border-radius: 11px !important;
  }

  .main-blog .article-card .card__inner.ratio::before,
.main-blog .article-card .media::before {
  padding-bottom: 74% !important;
}
  }

  .main-blog .article-card .card__content {
    padding-top: 14px !important;
  }

  .main-blog .article-card .card__heading,
  .main-blog .article-card .card__heading a,
  .main-blog .article-card h2,
  .main-blog .article-card h3 {
    font-size: 23px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.01em !important;
  }

  .main-blog .article-card__excerpt,
  .main-blog .article-card__excerpt p,
  .main-blog .article-card .rte-width {
    margin-top: 10px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .main-blog .article-card__excerpt,
  .main-blog .article-card .rte-width {
    -webkit-line-clamp: 3 !important;
  }
}/* =========================
   BLOG TITLE SIZE REFINEMENT
   ========================= */

/* Main page title: Blogs */
.main-blog .title--primary {
  font-size: 36px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: 0.035em !important;
  margin-bottom: 32px !important;
}

/* Blog card title */
.main-blog .article-card-wrapper .card__heading,
.main-blog .article-card-wrapper .card__heading.h2,
.main-blog .article-card-wrapper .card__heading a,
.main-blog .article-card-wrapper .card__heading .full-unstyled-link,
.main-blog .article-card h2,
.main-blog .article-card h3 {
  font-size: 21px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
  letter-spacing: 0.005em !important;
}

/* Keep blog title clean, max 2 lines */
.main-blog .article-card-wrapper .card__heading {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Desktop refinement */
@media screen and (min-width: 990px) {
  .main-blog .title--primary {
    font-size: 38px !important;
    margin-bottom: 34px !important;
  }

  .main-blog .article-card-wrapper .card__heading,
  .main-blog .article-card-wrapper .card__heading.h2,
  .main-blog .article-card-wrapper .card__heading a,
  .main-blog .article-card-wrapper .card__heading .full-unstyled-link,
  .main-blog .article-card h2,
  .main-blog .article-card h3 {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
}

/* Mobile refinement */
@media screen and (max-width: 749px) {
  .main-blog .title--primary {
    font-size: 32px !important;
    margin-bottom: 24px !important;
  }

  .main-blog .article-card-wrapper .card__heading,
  .main-blog .article-card-wrapper .card__heading.h2,
  .main-blog .article-card-wrapper .card__heading a,
  .main-blog .article-card-wrapper .card__heading .full-unstyled-link,
  .main-blog .article-card h2,
  .main-blog .article-card h3 {
    font-size: 21px !important;
    line-height: 1.28 !important;
  }
}