/** Shopify CDN: Minification failed

Line 201:3 Unexpected "{"

**/
     .article-title {
       width: calc((100% / 16) * 10);
       margin-bottom: 40px;
     }

    .article-meta {
       text-transform: lowercase;
       margin-bottom: 0 !important;
     }

    .article-info,
    .article-content > p,
    .article-data p
    {
     width: calc((100% / 16) * 12);
     padding-left: calc((100% / 16)* 4);
     margin-bottom: 20px;
     line-height: 1.6;
      
      
   }

.article-content *:not(.swiper, .swiper *) {
  opacity: 1;
}

.article-content *.animate:not(.swiper, .swiper *) {
  opacity: 0;
  animation: var(--animation-slide-in);
  animation-delay: 75ms;
  animation-fill-mode: forwards;
}

    .article-content .if-container {
      width: calc((100% / 16) * 12);
      margin: 0 auto;
      margin-bottom: 40px;
      padding-top: 0 !important;
    }

    

    .editor #related-products {
      margin: 0 !important;
      padding: 0 !important;
      line-height: 100% !important;
    }

    .editor  #related-products ul {
      margin: 0 !important;
    }

    p:empty {
      display: none;
    }

   .article-content img {
     width: 100%;
   }

   .article-info p {
     max-width: 480px;
   }

  .article-info p, .article-content > p {
    margin-top: 0;
  }

   .article-content p {
     font-family: var(--serif);
     letter-spacing: 0px;
     max-width: 1200px;
   }

    .article-info {
      margin-bottom: 40px;
    }

    .article-content b,
    .article-content strong {
      font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
      margin-top: 40px;
      display: block;
      line-height: 1.4;
    }

    .article-data div p {
      font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
      margin-top: 0;
      margin-bottom: 40px;
      text-transform: lowercase;
    }

      .article-content .if-container iframe {
      min-height: 900px;
      position: relative !important;

    }

    .article-data strong,
    .article-data b {
      margin-top: 0;
      margin-bottom: 0;
      display: inline;
    }

    .article-content p.intro {
      font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
      letter-spacing: 0;
      margin-bottom: 80px;
    }

  .article-content h3 {
    font-weight: normal;
     width: calc((100% / 16) * 12);
     padding-left: calc((100% / 16)* 4 + 20px);
    margin-bottom: 40px;
    margin-top: 120px;
    text-align: left !important;
    font-family: var(--serif);
    font-size: 32px;
  }

   p.article-author {
     margin-bottom: 20px;
   }

   .article-content {
     margin-bottom: 120px;
   }

    p + .image-full,
    p + .image-left,
    p + .image-right,
    p + .image-double {
      margin-top: 0;
    }
    
    p:has(+ .image-full),
    p:has(+ .image-left),
    p:has(+ .image-right),
    p:has(+ .image-double) {
      margin-bottom: 70px;
    }

    .image-full:has(+ p),
    .image-left:has(+ p),
    .image-right:has(+ p),
    .image-double:has(+ p) {
      margin-bottom: 70px;
    }

   .image-full,
   .image-left,
   .image-right,
    .image-double {
     display: flex;
     width: 100%;
     margin-bottom: 10px;
   }

   .image-double {
     gap: 10px;
   }

    .image-double img {
      width: calc(50% - 5px);
    }

   .image-full img {
     width: 75%;
     margin: 0 auto;
   }

   .image-left img,
   .image-right img {
     width: calc((100% / 16)* 12);
   }

   .image-right {
     justify-content: end;
   }

   .image-right .caption {
     padding-left: 0;
     padding-right: 20px;
   }

  

   .image-full:not(:first-child),
   .image-full:not(:first-child),
   .image-left:not(:first-child),
   .image-right:not(:first-child),
    .image-double:not(:first-child),
   {
     margin-top: 240px;
   }

   .caption {
     padding-left: 20px;
     opacity: 0.5;
     font-size: 13px;
     line-height: 1.38;
     font-family: 'Helvetica Neue', 'Helvetica', sans-serif !important;
   }

   .notation {
     opacity: 0.5;
     font-size: 13px;
     line-height: 1.38;
     font-family: 'Helvetica Neue', 'Helvetica', sans-serif !important;
   }

   .editor {
     padding-left: 10px;
     padding-right: 10px;
     max-width: 1880px;
     margin: 0 auto;
   }

   .article-tag {
    display: inline-block;
    width: fit-content;
    padding: 2.5px 7.5px;
    font-size: 13px;
    color: #000;
    border-radius: 4px;
    opacity: 1;
    background: #e9e9e9;

   }

   .article-tag a {
     color: #000;
     text-decoration: none;
   }

   .article-featured-products {
     display: grid;
     grid-columns: repeat(1fr, 3);
   }

   .article-featured-products .card,
   .article-featured-products .card .card_inner img
   {
     --ratio-percent: 133%;
   }

  .thinking-list {
    width: 100%;
    display: flex;
    gap: 10px;
    margin-bottom: 120px;
    flex-wrap: wrap;
  }

  .thinking-block {
    display: flex;
    flex-direction: column;
    width: calc(33.333% - 10px);
    background: #F6F5F5;
    padding: 30px 40px 80px 30px;
    text-decoration: none;
    color: #000;
    gap: 7.5px;
  }

  .thinking-block:hover {
    opacity: 0.5;
  }

  .thinking-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

   .thinking-block .thinking-text * {
     font-size: 15px;
     line-height: 21px;
     color: #000;
     margin: 0;
   }

@media screen and (max-width: 990px) {

    .article-content .if-container {
      width: 100%;;
      margin: 0 auto;
      margin-bottom: 10px;
      padding-top: 0 !important;
    }

  .article-content .if-container iframe {
    min-height: 31vh;
  }
  
   .article-tag {
     margin-bottom: 10px;
   }

   .article-tag a {
     font-size: 12px;
   }

   .article-title {
     width: 100%;
     margin-bottom: 40px;
     padding-right: 30px;
   }

   .article-info, .article-content > p, .article-data p {
     width: calc((100% / 6) * 5);
     padding-left: 20px;
   }

   .image-full, .image-left, .image-right {
     flex-direction: column;
   }

  .image-right {
    align-items: end;
  }

  .image-right .caption {
    padding-right: 0;
  }

  

   .caption {
     order: 2;
   }

   .image-full img {
       width: 100%;
   }

   .caption {
     padding-left: 0;
     font-size: 12px !important;
   }

  .article-content h3 {
    padding-left: 0;
    font-size: 24px;
  }

  .current-index {
    font-size: 14px;
  }

  .thinking-list {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 120px;
  }

  .thinking-block {
    width: 100%;
    padding: 20px 30px 50px 20px;
  }
}