/** Shopify CDN: Minification failed

Line 115:0 Unexpected "}"

**/
.jjc-blog-shell {
  position: relative;
  overflow: hidden;
  color: #f8f7ff;
  background:
    radial-gradient(circle at 18% 2%, rgba(33, 176, 255, .16), transparent 31rem),
    radial-gradient(circle at 88% 16%, rgba(206, 50, 255, .14), transparent 34rem),
    linear-gradient(180deg, #07050e 0%, #10061b 58%, #07050e 100%);
}

.jjc-blog-shell::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background-image: linear-gradient(rgba(108, 217, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(108, 217, 255, .05) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(to bottom, #000, transparent 46%);
}

.jjc-blog-hero {
  position: relative;
  z-index: 1;
  padding-block: clamp(4rem, 8vw, 9rem) clamp(3rem, 5vw, 6rem);
}

.jjc-blog-hero::after {
  content: '';
  display: block;
  width: min(38rem, 72vw);
  height: 1px;
  margin-top: 3rem;
  background: linear-gradient(90deg, #62ddff, #e752ff, transparent);
  box-shadow: 0 0 18px rgba(111, 217, 255, .55);
}

.jjc-blog-hero__eyebrow {
  margin: 0 0 1.4rem;
  color: #72e4ff;
  font-size: 1.1rem;
  font-weight: 760;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.jjc-blog-hero h1 {
  max-width: 12ch;
  margin: 0;
  color: #fff;
  font-size: clamp(5rem, 9vw, 11rem);
  line-height: .86;
  letter-spacing: -.065em;
}

.jjc-blog-hero__intro {
  max-width: 62rem;
  margin: 2.4rem 0 0;
  color: rgba(247, 244, 255, .72);
  font-size: clamp(1.6rem, 2vw, 2rem);
  line-height: 1.65;
}

.blog-articles {
  position: relative;
  z-index: 1;
  display: grid;
  grid-gap: 2.4rem;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

.blog-articles .card-wrapper {
  width: 100%;
  height: 100%;
}

.jjc-blog-shell .article-card {
  height: 100%;
  overflow: hidden;
  color: #f8f7ff;
  border: 1px solid rgba(129, 202, 255, .22);
  border-radius: 2.4rem;
  background: linear-gradient(145deg, rgba(22, 17, 40, .88), rgba(10, 7, 20, .78));
  box-shadow: 0 26px 70px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .07);
  backdrop-filter: blur(18px) saturate(125%);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.jjc-blog-shell .article-card:hover,
.jjc-blog-shell .article-card:focus-within {
  transform: translateY(-5px);
  border-color: rgba(112, 226, 255, .55);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .45), 0 0 30px rgba(104, 94, 255, .12), inset 0 1px rgba(255, 255, 255, .1);
}

.jjc-blog-shell .article-card__image-wrapper {
  overflow: hidden;
  border-bottom: 1px solid rgba(129, 202, 255, .16);
}

.jjc-blog-shell .article-card img { transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .4s ease; }
.jjc-blog-shell .article-card:hover img { transform: scale(1.035); filter: saturate(1.08) contrast(1.04); }
.jjc-blog-shell .card__content { padding: clamp(1.8rem, 3vw, 3.2rem); }
.jjc-blog-shell .card__information { padding: 0; }
.jjc-blog-shell .card__heading a { color: #fff; font-size: clamp(2rem, 2.7vw, 3.2rem); line-height: 1.05; letter-spacing: -.025em; }
.jjc-blog-shell .article-card__info { color: #72e4ff; font-size: 1rem; font-weight: 740; letter-spacing: .15em; text-transform: uppercase; }
.jjc-blog-shell .article-card__excerpt { color: rgba(247, 244, 255, .7); line-height: 1.65; }
.jjc-blog-shell .pagination-wrapper { position: relative; z-index: 1; }
}

@media screen and (min-width: 750px) {
  .blog-articles {
    grid-template-columns: 1fr 1fr;
    column-gap: 2.8rem;
    row-gap: 2.8rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1),
  .blog-articles--collage > *:nth-child(3n + 2):last-child {
    grid-column: span 2;
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .card,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .card {
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--small .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--small .ratio::before {
    padding-bottom: 22rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--medium .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 44rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--large .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--large .ratio::before {
    padding-bottom: 66rem;
  }
}

@media screen and (max-width: 749px) {
  .jjc-blog-hero h1 { font-size: clamp(4.7rem, 19vw, 7.6rem); }
  .blog-articles { gap: 1.8rem; }
}

@media screen and (min-width: 990px) {
  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--small .ratio .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--small .ratio .ratio::before {
    padding-bottom: 27.5rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--medium .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 55rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--large .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--large .ratio::before {
    padding-bottom: 82.5rem;
  }
}