/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./node_modules/@webkinder/sass-vars-loader/src/sassVarsLoader.js??ruleSet[1].rules[6].use[0]!./assets/scss/blocks/story-archive.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ==========================================================================
   mixins
  ========================================================================== */
h1:not(.visually-hidden) + .story-archive,
.h1:not(.visually-hidden) + .story-archive,
h2:not(.visually-hidden) + .story-archive,
.h2:not(.visually-hidden) + .story-archive,
h3:not(.visually-hidden) + .story-archive,
.h3:not(.visually-hidden) + .story-archive,
h4:not(.visually-hidden) + .story-archive,
.h4:not(.visually-hidden) + .story-archive,
h5:not(.visually-hidden) + .story-archive,
.h5:not(.visually-hidden) + .story-archive,
h6:not(.visually-hidden) + .story-archive,
.h6:not(.visually-hidden) + .story-archive {
  margin-top: 0;
}
.story-archive {
  margin-top: clamp(3.5rem, 2.2143rem + 6.4286vi, 8rem);
}
.story-archive__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: clamp(2rem, 1.7143rem + 1.4286vi, 3rem) 1.5rem;
  gap: clamp(2rem, 1.7143rem + 1.4286vi, 3rem) 1.5rem;
}
@media (min-width: 768px) {
  .story-archive__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .story-archive__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/*# sourceMappingURL=block-styles-story-archive.css.map*/