/* latin */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dist/fonts/manrope-latin-400-normal.woff2?5b06bf94f857e4244b645d75be6636a6), url(/dist/fonts/manrope-latin-400-normal.woff2?5b06bf94f857e4244b645d75be6636a6);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dist/fonts/manrope-latin-500-normal.woff2?b6bf3db6256270076d37343efc7e9e02), url(/dist/fonts/manrope-latin-500-normal.woff2?b6bf3db6256270076d37343efc7e9e02);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dist/fonts/manrope-latin-600-normal.woff2?ec61c26ae9843c74c66e80860e9304f5), url(/dist/fonts/manrope-latin-600-normal.woff2?ec61c26ae9843c74c66e80860e9304f5);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/dist/fonts/manrope-latin-700-normal.woff2?395302d2c51659f98a07546afa941ca3), url(/dist/fonts/manrope-latin-700-normal.woff2?395302d2c51659f98a07546afa941ca3);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/dist/fonts/manrope-latin-800-normal.woff2?9058577ea41f50bdd721f66b17631196), url(/dist/fonts/manrope-latin-800-normal.woff2?9058577ea41f50bdd721f66b17631196);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.feature {
  font-size: var(--type-70);
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.01em;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: var(--type-56);
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-weight: var(--font-weight-regular);
}

h2,
.h2 {
  font-size: var(--type-48);
  letter-spacing: -0.01em;
  line-height: 1.2;
  font-weight: var(--font-weight-regular);
}

h3,
.h3 {
  font-size: var(--type-40);
  letter-spacing: -0.01em;
  line-height: 1.3;
  font-weight: var(--font-weight-regular);
}

h4,
.h4 {
  font-size: var(--type-30);
  line-height: 1.4;
  font-weight: var(--font-weight-regular);
}

h5,
.h5 {
  line-height: 1.5;
  font-size: var(--type-22);
}

h6,
.h6 {
  line-height: 1.6;
  font-size: var(--type-20);
}
.card-post {
  position: relative;
}
.card-post img {
  transition: transform var(--timing-std) var(--ease-std);
}
.card-post:hover img, .card-post:focus-within img {
  transform: scale(1.05);
}
.card-post__image {
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 1.5625rem;
  max-width: none;
}
.card-post__content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 28.125rem;
}
.card-post__meta {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  font-size: var(--type-14);
}
.card-post__category {
  color: var(--color-text);
}
.card-post__timestamp {
  text-transform: uppercase;
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-demi);
  font-size: var(--type-15);
  padding-top: 0.2em;
  line-height: 1.1;
  color: currentColor;
  color: var(--color-grey--darker);
}
.card-post__title {
  font-size: var(--type-22);
  margin: 0;
}
.card-post__title a {
  color: var(--color-text);
}
.card-post__title a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.card-post__description {
  font-size: var(--type-16);
  font-weight: var(--font-weight-medium);
  color: var(--color-grey--darker);
  margin: 0;
  line-height: 1.6;
}
.btn {
  display: inline-block;
  padding: 0.5em 0.75em;
  text-align: center;
  text-decoration: none;
}
.accordion__trigger .icon {
  transition: all var(--timing-std) var(--ease-std);
}
.accordion__trigger[aria-expanded=true] .icon {
  transform: rotate(-180deg);
}
.accordion__panel {
  overflow: hidden;
  max-height: 0;
  visibility: hidden;
  transition: all var(--timing-std) var(--ease-std);
}
.accordion__panel:not([data-expanded=false]) {
  visibility: visible;
  max-height: calc(var(--height, 1000px) * 0.0625rem);
}
.accordion__panel > div::before,
.accordion__panel > div::after {
  content: "";
  display: table;
}
.blog-posts {
  margin-bottom: var(--layout-spacing-largest);
}
.blog-posts__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--layout-spacing-large) var(--layout-spacing-small);
}
.widget-badges {
  --borderSize: 0.0625rem;
  --borderColor: var(--color-text);
  display: grid;
  grid-template-columns: auto auto;
  gap: 0.625rem;
}
.widget-badges svg {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-smaller);
  box-shadow: 0 0 0 var(--borderSize) var(--borderColor);
  background-color: white;
  overflow: hidden;
  transition: box-shadow var(--timing-std) var(--ease-std);
  min-height: 1.875rem;
}
html:not(.mobile):not(.tablet) .widget-badges a:hover, html:not(.mobile):not(.tablet) .widget-badges a:focus, .widget-badges a.on-press {
  --borderSize: 0.125rem;
  --borderColor: var(--color-primary);
}

.blog-cta {
  position: relative;
  background: var(--color-text);
  color: white;
  border-radius: var(--radius-large);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.blog-cta .pretitle {
  color: var(--color-primary);
}
.blog-cta__content {
  padding: var(--layout-spacing-std);
  gap: var(--layout-spacing-smaller);
  flex-grow: 1;
}
.blog-cta__content > * {
  max-width: 21.25rem;
}
.blog-cta__content .title {
  font-size: var(--type-30);
}
.blog-cta__content .widget-badges {
  max-width: 17.5rem;
  margin-top: 0.3125rem;
}
.blog-cta__image {
  position: relative;
  width: 15.375rem;
  height: 15.25rem;
  margin-inline: auto;
  margin-top: auto;
  transform-origin: center bottom;
  overflow: hidden;
}
.blog-cta__image .colin {
  position: absolute;
  left: 4.8125rem;
  top: 6.75rem;
  z-index: 2;
}
.blog-cta__image .colin__wrapper {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -3.125rem;
  transform: scale(0.75);
  transform-origin: center bottom;
}
.blog-cta__image .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-cta__image .qr {
  width: 5.875rem;
  height: 5.875rem;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: var(--radius-smaller);
  overflow: hidden;
  border: 0.125rem solid black;
}
.blog-cta__image .qr img {
  width: 100%;
  height: auto;
}

.controls {
  --width: 2.5rem;
  --gap: 1.875rem;
  display: grid;
  grid-template-areas: "prev pagination next";
  grid-template-columns: var(--width) auto var(--width);
  gap: var(--gap);
}
.controls__prev, .controls__next {
  width: var(--width);
  height: var(--width);
  color: var(--color-primary);
  border-radius: var(--width);
  background: white;
  box-shadow: 0 0 0 0 white, 0 0 0 0.0625rem var(--color-text--10);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: box-shadow var(--timing-fast) var(--ease-std);
}
.controls__prev::before, .controls__next::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: white;
  pointer-events: none;
  border-radius: var(--width);
  opacity: var(--opacity, 0);
  transition: opacity var(--timing-fast) var(--ease-std);
}
.controls__prev svg, .controls__next svg {
  position: relative;
  z-index: 2;
}
.controls__prev:hover, .controls__next:hover {
  --opacity: 1;
  box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem var(--color-primary);
}
.controls__prev.swiper-button-disabled, .controls__next.swiper-button-disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
  color: var(--color-grey--dark);
}
.controls__prev.swiper-button-disabled svg, .controls__next.swiper-button-disabled svg {
  transition: color var(--timing-std) var(--ease-std);
}
.controls__prev {
  grid-area: prev;
}
.controls__next {
  grid-area: next;
}
.controls__pagination {
  --dotWidth: 0.375rem;
  --dotHeight: 0.375rem;
  --dotGap: 0.5rem;
  --dotColor: #dedfe1;
  margin-inline: calc(var(--dotWidth) * -1);
  display: flex;
  align-items: center;
  grid-area: pagination;
}
.controls__pagination .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.controls__pagination .swiper-pagination-bullet .dot {
  overflow: hidden;
  width: var(--dotWidth);
  height: var(--dotHeight);
  background-color: var(--dotColor);
  border-radius: var(--dotHeight);
  pointer-events: none;
  margin: 0.25rem;
  display: grid;
}
.controls__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .dot {
  --dotColor: var(--color-primary);
}
.controls__pagination .swiper-pagination-bullet-active .dot {
  --dotWidth: 1.25rem;
  pointer-events: none;
}

.pagination {
  margin-block: var(--layout-spacing-largest);
}
.pagination, .pagination__inner, .pagination__numbers {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}
.pagination__inner {
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid var(--color-offwhite);
}
.pagination__numbers {
  gap: 0.625rem;
}
.pagination__number {
  text-transform: uppercase;
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-demi);
  font-size: var(--type-15);
  padding-top: 0.2em;
  line-height: 1.1;
  color: currentColor;
  width: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  color: var(--color-type);
}
.pagination__number.is-current {
  cursor: default;
  pointer-events: none;
}
.pagination__number.is-current::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1.0625rem;
  width: 100%;
  height: 0.125rem;
  background-color: var(--color-primary);
}
.pagination__number:not(.is-current):not(:hover):not(:focus) {
  color: var(--color-text--60);
}
.pagination__prev, .pagination__next {
  --width: 2.5rem;
  width: var(--width);
  height: var(--width);
  color: var(--color-primary);
  border-radius: var(--width);
  background: white;
  box-shadow: 0 0 0 0 white, 0 0 0 0.0625rem var(--color-text--10);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: box-shadow var(--timing-fast) var(--ease-std);
  border-radius: var(--radius-small);
}
.pagination__prev::before, .pagination__next::before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: white;
  pointer-events: none;
  border-radius: var(--width);
  opacity: var(--opacity, 0);
  transition: opacity var(--timing-fast) var(--ease-std);
}
.pagination__prev svg, .pagination__next svg {
  position: relative;
  z-index: 2;
}
.pagination__prev:hover, .pagination__next:hover {
  --opacity: 1;
  box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem var(--color-primary);
}
.pagination__prev.swiper-button-disabled, .pagination__next.swiper-button-disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
  color: var(--color-grey--dark);
}
.pagination__prev.swiper-button-disabled svg, .pagination__next.swiper-button-disabled svg {
  transition: color var(--timing-std) var(--ease-std);
}
.pagination__prev .icon, .pagination__next .icon {
  color: var(--color-primary);
}
.pagination__prev[aria-disabled=true], .pagination__next[aria-disabled=true] {
  opacity: 0.5;
  pointer-events: none;
}
.subscribe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.25rem;
  background: var(--color-text);
  color: white;
  border-radius: var(--radius-large);
  padding: var(--layout-spacing-std) var(--container-gutter);
}
.subscribe__title {
  text-transform: uppercase;
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-demi);
  font-size: var(--type-15);
  padding-top: 0.2em;
  line-height: 1.1;
  color: currentColor;
  margin: 0;
  font-size: var(--type-24);
  line-height: 1.2;
  color: white;
  max-width: 18.125rem;
}
.subscribe__title:has(+ .success) {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px !important;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  background-color: black;
  color: white;
}
.subscribe__form, .subscribe__fields {
  display: flex;
  flex-grow: 1;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem 3.125rem;
}
.subscribe__form label, .subscribe__fields label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}
.subscribe__form .label, .subscribe__fields .label {
  display: block;
  font-size: var(--type-14);
  color: white;
  font-weight: var(--font-weight-medium);
  margin-bottom: 0.3125rem;
}
.subscribe__form .label .required, .subscribe__fields .label .required {
  color: var(--color-primary);
}
.subscribe__form input, .subscribe__fields input {
  -webkit-appearance: none;
  outline: none;
  width: 100%;
  margin: clamp(0.125rem, 0.3472222222vw, 0.3125rem) 0;
  padding: 0.625rem;
  font-size: var(--font-size-base);
  font-family: "Manrope", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: var(--font-weight-regular);
  color: white;
  line-height: 1.4 !important;
  border: 0.0625rem solid #444b57;
  border-radius: var(--radius-small);
  transition: border-color var(--timing-std) linear;
  min-height: auto !important;
  background-size: 1.5rem 1.5rem;
  background-position: 1rem center;
  background-color: rgba(255, 255, 255, 0.05);
  background-repeat: no-repeat;
  /* Change Autocomplete styles in Chrome*/
}
.subscribe__form input::placeholder, .subscribe__form input::-webkit-input-placeholder, .subscribe__fields input::placeholder, .subscribe__fields input::-webkit-input-placeholder {
  color: var(--color-white--50);
  -webkit-transition-property: all;
  transition-property: all;
  transition-duration: var(--timing-std);
  transition-timing-function: var(--ease-std);
}
.subscribe__form input:focus, .subscribe__fields input:focus {
  border-color: var(--color-primary);
}
.subscribe__form input:focus::placeholder, .subscribe__form input:focus::-webkit-input-placeholder, .subscribe__fields input:focus::placeholder, .subscribe__fields input:focus::-webkit-input-placeholder {
  opacity: 0.3;
}
.subscribe__form input:-webkit-autofill, .subscribe__form input:-webkit-autofill:hover, .subscribe__form input:-webkit-autofill:focus, .subscribe__fields input:-webkit-autofill, .subscribe__fields input:-webkit-autofill:hover, .subscribe__fields input:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: currentColor;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.subscribe__form input:focus-visible, html:not(.no-focus-outline) .subscribe__form input:focus, .subscribe__fields input:focus-visible, html:not(.no-focus-outline) .subscribe__fields input:focus {
  outline: none;
}
.subscribe__form [class*=icon-] input,
.subscribe__form [class*=icon-] input[type=text],
.subscribe__form [class*=icon-] input[type=file],
.subscribe__form [class*=icon-] input[type=number],
.subscribe__form [class*=icon-] input[type=tel],
.subscribe__form [class*=icon-] input[type=email],
.subscribe__form [class*=icon-] input[type=search],
.subscribe__form [class*=icon-] input[type=password],
.subscribe__form [class*=icon-] input[type=email],
.subscribe__form [class*=icon-] textarea,
.subscribe__form [class*=icon-] select, .subscribe__fields [class*=icon-] input,
.subscribe__fields [class*=icon-] input[type=text],
.subscribe__fields [class*=icon-] input[type=file],
.subscribe__fields [class*=icon-] input[type=number],
.subscribe__fields [class*=icon-] input[type=tel],
.subscribe__fields [class*=icon-] input[type=email],
.subscribe__fields [class*=icon-] input[type=search],
.subscribe__fields [class*=icon-] input[type=password],
.subscribe__fields [class*=icon-] input[type=email],
.subscribe__fields [class*=icon-] textarea,
.subscribe__fields [class*=icon-] select {
  padding-left: 3.125rem;
}
.subscribe__form [class*=icon-][class*=icon-phone] input, .subscribe__fields [class*=icon-][class*=icon-phone] input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2225%22 viewBox=%220 0 24 25%22 fill=%22none%22%3E%3Cpath stroke=%22%23F68935%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M6.47 4.327 5 5.817a4.22 4.22 0 0 0 0 6l7.47 7.46a4.22 4.22 0 0 0 6 0l1.53-1.47a1.05 1.05 0 0 0 0-1.53l-2.24-2.25a1.07 1.07 0 0 0-1.5 0l-.75.75a1.07 1.07 0 0 1-1.5 0l-4.54-4.5a1.07 1.07 0 0 1 0-1.5l.75-.75a1.07 1.07 0 0 0 0-1.5L8 4.327a1.05 1.05 0 0 0-1.53 0Z%22/%3E%3C/svg%3E") !important;
}
.subscribe__form [class*=icon-][class*=icon-email] input, .subscribe__fields [class*=icon-][class*=icon-email] input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2225%22 viewBox=%220 0 24 25%22 fill=%22none%22%3E%3Cpath stroke=%22%23F68935%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M18.6 4.277H5.4a3.4 3.4 0 0 0-3.4 3.4v9.2a3.4 3.4 0 0 0 3.4 3.4h13.2a3.4 3.4 0 0 0 3.4-3.4v-9.2a3.4 3.4 0 0 0-3.4-3.4Z%22/%3E%3Cpath stroke=%22%23F68935%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22m6 9.277 4.84 3.17a2 2 0 0 0 2.32 0L18 9.277%22/%3E%3C/svg%3E") !important;
}
.subscribe__form [class*=icon-][class*=icon-marker] input, .subscribe__fields [class*=icon-][class*=icon-marker] input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2225%22 fill=%22none%22%3E%3Cpath stroke=%22%23F68935%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M14.49 19.067a3 3 0 0 1-5 0c-4-5.87-3.69-8.71-3.69-8.71a6.18 6.18 0 0 1 12.36 0s.37 2.84-3.67 8.71Z%22/%3E%3Cpath stroke=%22%23F68935%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M12 12.347a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z%22/%3E%3C/svg%3E") !important;
}
.subscribe__form {
  transition: opacity var(--timing-std) var(--ease-std);
}
.subscribe__form.loading {
  opacity: 0.5;
  pointer-events: none;
}
.subscribe .notification.error {
  font-size: 1rem;
  font-weight: var(--font-weight-demi);
  color: #d03838;
  grid-column: span 2;
}
.subscribe .notification.success {
  text-transform: uppercase;
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-demi);
  font-size: var(--type-15);
  padding-top: 0.2em;
  line-height: 1.1;
  color: currentColor;
  font-size: var(--type-24);
  text-align: center;
  letter-spacing: 0.0208333333em;
  color: white;
  width: 100%;
}
.subscribe button {
  --spread: 0;
  --color: var(--color-text);
  --background: var(--color-primary);
  background: var(--background);
  border-radius: 5rem;
  padding: 0.75rem 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  text-decoration: none;
  position: relative;
  margin-block: clamp(0.125rem, 0.3472222222vw, 0.3125rem);
}
.subscribe button::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  display: block;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 var(--spread) var(--background), 0 0 0 var(--spread) var(--background);
  transition: box-shadow var(--timing-slow) var(--ease-out-back);
}
html:not(.mobile):not(.tablet) .subscribe button:hover, html:not(.mobile):not(.tablet) .subscribe button:focus, .subscribe button.on-press {
  --spread: 0.25rem;
}
.subscribe button .text {
  text-transform: uppercase;
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-demi);
  font-size: var(--type-15);
  padding-top: 0.2em;
  line-height: 1.1;
  color: currentColor;
  display: block;
  color: var(--color);
  position: relative;
  line-height: 1;
  text-align: center;
  font-size: var(--type-17);
}

.blog-featured {
  position: relative;
  z-index: 2;
  margin-bottom: var(--layout-spacing-std);
}

@media (min-width: 420px) {
  .subscribe button {
    min-width: 10.625rem;
  }
}

@media (min-width: 480px) {
  .pagination, .pagination__inner, .pagination__numbers {
    gap: var(--layout-spacing-std);
  }
  .pagination__numbers {
    gap: 1.25rem;
  }
  .pagination__number {
    font-size: 1.25rem;
    font-weight: var(--font-weight-regular);
  }
  .pagination__prev, .pagination__next {
    --width: 3.125rem;
  }
}

@media (min-width: 650px) {
  .blog-posts__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .card-post__category {
    font-size: inherit;
    padding-inline: 0.5625rem;
  }
  .subscribe {
    padding: 3.125rem;
  }
  .subscribe__form input, .subscribe__fields input {
    padding: 1.125rem 1.375rem;
  }
}

@media (min-width: 992px) {
  .blog-posts__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .subscribe__form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) min-content;
  }
  .subscribe button {
    min-height: 3.75rem;
  }
}

@media (min-width: 1365px) {
  .widget-badges {
    gap: 0.8125rem;
  }
  .widget-badges svg {
    min-height: 2.375rem;
  }
}

@media (max-width: 991px) {
  .subscribe, .subscribe__form {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .subscribe, .subscribe__form, .subscribe__fields {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .card-post__timestamp {
    font-size: 0.6875rem;
  }
  .subscribe__fields {
    gap: 1.25rem;
  }
}

@media (max-width: 649px) {
  .blog-cta__content {
    padding-inline: var(--layout-spacing-smaller);
    text-align: center;
    align-items: center;
  }
}

@media (max-width: 37.5rem) {
  .subscribe__fields {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .subscribe button,
  .subscribe label {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .pagination__prev .icon svg, .pagination__next .icon svg {
    width: 0.9375rem;
    height: auto;
  }
}

@media (max-width: 479px) {
  .pagination, .pagination__inner {
    width: 100%;
  }
  .pagination__inner {
    justify-content: space-between;
  }
}