/** Shopify CDN: Minification failed

Line 68:12 All "@import" rules must come first

**/
/*
 *  1.0. Mixins
*/
.article--indent-for-social {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 200px;
  grid-template-areas: "content social";
  gap: 5rem;
}
@media screen and (max-width: 1023px) {
  .article--indent-for-social {
    grid-template-areas: "content" "social";
    gap: 0;
    grid-template-columns: 100%;
  }
}
.article__content {
  grid-area: content;
}
.article__meta {
  grid-area: social;
  position: relative;
}
.article__meta__sticky {
  position: sticky;
  top: 1.25rem;
  left: 0;
}
.article__meta-tags .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.article__meta-social + .article__meta-tags {
  margin-top: var(--gutter-large);
}
.article__meta .social-icons svg path {
  fill: var(--color-text-main);
  transition: all 100ms linear;
}
.no-touchevents .article__meta .social-icons a:hover svg path {
  fill: var(--color-accent-main);
}
.article__intro {
  margin-bottom: var(--gutter-large);
}
.article__featured-image {
  position: relative;
  text-align: center;
  margin-top: var(--gutter-large);
}
.article__featured-image svg {
  max-height: 25rem;
}

/* ============================================
   Eskedar Coffee - Brand Book CSS
      Typography: Playfair Display + DM Sans + DM Mono
         Palette: Paper #EDE2CE, Ink #2A1A0A, Muted #6B5840, Burnt Orange #C8521B
            ============================================ */

            @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400;1,700&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&family=DM+Mono:wght@400;500&display=swap');

            /* Article Title */
            .rte-article h1.h2,
            .article__title {
              font-family: 'Playfair Display', Georgia, serif;
                color: #2A1A0A;
                  letter-spacing: -0.01em;
                  }

                  /* Article Body - Paragraphs */
                  .rte-article p,
                  .article__content p {
                    font-family: 'DM Sans', system-ui, sans-serif;
                      font-size: 16px;
                        line-height: 1.7;
                          color: #2A1A0A;
                          }

                          /* Article Headings H2 */
                          .rte-article h2,
                          .article__content h2 {
                            font-family: 'Playfair Display', Georgia, serif;
                              font-weight: 700;
                                color: #2A1A0A;
                                  margin-top: 2em;
                                    margin-bottom: 0.5em;
                                    }

                                    /* Article Headings H3 */
                                    .rte-article h3,
                                    .article__content h3 {
                                      font-family: 'Playfair Display', Georgia, serif;
                                        font-weight: 700;
                                          color: #2A1A0A;
                                            margin-top: 1.5em;
                                            }

                                            /* Italic - used for feeling not decoration */
                                            .rte-article em,
                                            .article__content em {
                                              font-family: 'Playfair Display', Georgia, serif;
                                                font-style: italic;
                                                  color: inherit;
                                                  }

                                                  /* Horizontal Rules */
                                                  .rte-article hr,
                                                  .article__content hr {
                                                    border-color: #D4C5A8;
                                                      margin: 2em 0;
                                                      }

                                                      /* Article Meta - date, author (DM Mono eyebrow style) */
                                                      .blog-item__date,
                                                      .blog-item__author,
                                                      .article__meta .blog-item__date,
                                                      .article__meta .blog-item__author {
                                                        font-family: 'DM Mono', 'Courier New', monospace;
                                                          font-size: 12px;
                                                            letter-spacing: 0.25em;
                                                              text-transform: uppercase;
                                                                color: #6B5840;
                                                                }

                                                                /* Article caption / figcaption */
                                                                .rte-article figcaption,
                                                                .article__content figcaption {
                                                                  font-family: 'DM Mono', 'Courier New', monospace;
                                                                    font-size: 13px;
                                                                      letter-spacing: 0.1em;
                                                                        color: #6B5840;
                                                                          text-align: center;
                                                                            margin-top: 0.5em;
                                                                            }

                                                                            /* Coffee accent color for links */
                                                                            .rte-article a,
                                                                            .article__content a {
                                                                              color: #C8521B;
                                                                                text-decoration-color: #C8521B;
                                                                                }