/* Glilot site — blog category template (page-blog-category.php).
   Generated from validation/blog/css-src/blog-category.src.css. Loads after blog.css,
   which owns the shared card, emblem and hero base. D(px) = px / 1920 * 100vw
   (desktop frame 16690:3344), M(px) = px / 390 * 100vw (mobile frame 16690:3644). */

/* Hero — 16690:3345 (1920 x 623) */
.glilot-blog-category__hero { height: 32.447917vw; }
.glilot-blog-category .glilot-blog-emblem {        /* 16690:3954: 418 x 414.194 at 145, 140.31 */
  width: 21.770833vw;
  height: 21.572604vw;
}
.glilot-blog-category .glilot-blog-emblem__ring {  /* 16690:3956: 418 x 414.194 at 0, 0 */
  width: 21.770833vw;
  height: 21.572604vw;
}
.glilot-blog-category .glilot-blog-hero__copy {    /* 16690:3395: 1177 x 208 at 647, 234 (right 96) */
  top: 12.1875vw;
  width: 61.302083vw;
}
.glilot-blog-category .glilot-blog-hero__head { width: 48.4375vw; }   /* 16690:3396 */
.glilot-blog-category .glilot-blog-hero__title {   /* 16690:3398: 930 wide, 110/0.99 Bold, one line */
  width: 48.4375vw;
}

/* Cards — 16690:3451 (1920 x 2164): grid 16690:3463 at y 95, 3 x 600 + 2 x 80 */
.glilot-blog-category__articles {
  padding: 4.947917vw 0 5.677083vw;          /* 718 - 623; 2164 - 95 - 1960 */
  background: #fff;
}
.glilot-blog-category__articles .glilot-blog-grid { margin-top: 0; }
.glilot-blog-category__empty {      /* no Figma node: body type of the hero (INFERRED) */
  margin: 0 auto;
  width: 34.791667vw;
  color: var(--glilot-dark);
  font-size: 0.9375vw;
  line-height: 1.277778;
  text-align: center;
}

/* =================== Mobile — frame 16690:3644 (390) =================== */
@media (max-width: 767px) {
  /* Hero 16690:3645 holds the emblem, the copy and the cards (2457 tall). */
  .glilot-blog-category__hero {
    height: auto;
    padding: 103.333333vw 0 0;            /* copy 16690:3664 at y 403 */
  }
  .glilot-blog-category .glilot-blog-emblem {      /* 16690:3670: 276.78 x 281.02 at 56.29, 88 */
    top: 22.564103vw;
    left: 14.433333vw;
    width: 70.969231vw;
    height: 72.05641vw;
  }
  .glilot-blog-category .glilot-blog-emblem__ring {  /* 16690:3672: 257.307 x 254.963 at 9.565, 13.04 */
    top: 3.34359vw;
    left: 2.452564vw;
    width: 65.976154vw;
    height: 65.375128vw;
  }
  .glilot-blog-category .glilot-blog-hero__copy {  /* 16690:3664: 350, pad 10/0, gap 10 */
    top: auto;
    width: 89.74359vw;
  }
  .glilot-blog-category .glilot-blog-hero__head {  /* 16690:3665: 314, gap 15 */
    gap: 3.846154vw;
    width: 80.512821vw;
  }
  .glilot-blog-category .glilot-blog-hero__title { /* 16690:3668: 314, 46/1 Bold, 2 lines */
    width: 80.512821vw;
  }
  .glilot-blog-category__articles { /* 16691:3995 at y 703 (649 + 54); hero ends 2457 = 2403 + 54 */
    padding: 13.846154vw 5.128205vw;
  }
  .glilot-blog-category__articles .glilot-blog-grid { margin-top: 0; }
  .glilot-blog-category__empty {
    width: 89.74359vw;
    font-size: 4.102564vw;
    line-height: 1.375;
  }
}