/* Resources page. */
body.fenix-figma-resources-page .fenix-site-main {
  padding-top: 0;
  background: var(--fenix-white);
  overflow: hidden;
}

body.fenix-figma-resources-page .fenix-resources-page {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  background: var(--fenix-white);
}

body.fenix-figma-resources-page .fenix-resources-hero {
  position: relative;
  width: 100%;
  height: 416px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--fenix-primary-500) 88%, transparent) 0%, color-mix(in srgb, var(--fenix-primary-800) 54%, transparent) 48%, color-mix(in srgb, var(--fenix-neutral-900) 72%, transparent) 100%),
    url("../../images/resources/resources-hero.webp") center / cover no-repeat,
    var(--fenix-neutral-900);
}

body.fenix-figma-resources-page .fenix-resources-hero__inner {
  margin: 0 auto;
  padding: 0;
}

body.fenix-figma-resources-page .fenix-resources-hero h1 {
  width: 100%;
  margin: 0 0 56px;
  color: var(--fenix-white);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-display-line-height);
  font-size: var(--fenix-text-display-size);
  font-weight: var(--fenix-text-display-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  letter-spacing: var(--fenix-letter-spacing);
  text-transform: none;
}

body.fenix-figma-resources-page .fenix-resources-hero p {
  width: 100%;
  margin: 0;
  color: var(--fenix-white);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);
  font-size: var(--fenix-text-subtitle-size);
  font-weight: var(--fenix-text-subtitle-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-resources-page .fenix-resources-blogs {
  width: 100%;
  padding-inline: 0;
  background: var(--fenix-white);
}

body.fenix-figma-resources-page .fenix-resources-shell {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 56px;
}

body.fenix-figma-resources-page .fenix-resources-shell > h2,

body.fenix-figma-resources-page .fenix-resources-news__heading h2 {
  margin: 0;
  color: var(--fenix-neutral-900);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-h2-line-height);
  font-size: var(--fenix-text-h2-size);
  font-weight: var(--fenix-text-h2-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  letter-spacing: var(--fenix-letter-spacing);
}

body.fenix-figma-resources-page .fenix-resources-blog-toolbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

body.fenix-figma-resources-page .fenix-resources-tabs {
  display: flex;
  align-items: center;
  gap: 24px;
  min-width: 0;
}

body.fenix-figma-resources-page .fenix-resources-tab {
  white-space: nowrap;
}

body.fenix-figma-resources-page .fenix-resources-blog-toolbar .fenix-resources-tabs .fenix-resources-tab.is-active:hover {
  background: var(--fenix-primary-500);
  color: var(--fenix-white);
}

body.fenix-figma-resources-page .fenix-resources-search {
  width: 376px;
  display: flex;
  align-items: center;
  gap: 12px;
}

body.fenix-figma-resources-page .fenix-resources-blog-grid {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

body.fenix-figma-resources-page .fenix-resources-results {
  transition: opacity 160ms ease;
}

body.fenix-figma-resources-page .fenix-resources-results.is-loading {
  opacity: 0.56;
  pointer-events: none;
}

body.fenix-figma-resources-page .fenix-resources-featured-card,

body.fenix-figma-resources-page .fenix-resources-article-card {
  overflow: hidden;
  background: var(--fenix-white);
  border: 1px solid var(--fenix-neutral-200);
  border-radius: 16px;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--fenix-neutral-900) 8%, transparent);
}

body.fenix-figma-resources-page .fenix-resources-featured-card {
  min-height: 411px;
  display: grid;
  grid-template-columns: 375px minmax(0, 1fr);
  align-items: stretch;
}

body.fenix-figma-resources-page .fenix-resources-featured-card__image,

body.fenix-figma-resources-page .fenix-resources-article-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fenix-neutral-100);
}

body.fenix-figma-resources-page .fenix-resources-featured-card__image {
  min-height: 411px;
}

body.fenix-figma-resources-page .fenix-resources-featured-card__image img,

body.fenix-figma-resources-page .fenix-resources-article-card__image img {
  display: block !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.fenix-figma-resources-page .fenix-resources-featured-card__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 56px 40px;
}

body.fenix-figma-resources-page .fenix-resources-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body.fenix-figma-resources-page .fenix-resources-tags span {
  min-width: 45px;
  display: inline-flex;
  white-space: nowrap;
}

body.fenix-figma-resources-page .fenix-resources-tag--tablet-mobile,

body.fenix-figma-resources-page .fenix-resources-article-card.fenix-resources-article-card--tablet-mobile,

body.fenix-figma-resources-page .fenix-resources-article-card.fenix-resources-article-card--tablet-only {
  display: none;
}

body.fenix-figma-resources-page .fenix-resources-featured-card h3 {
  margin: 0;
  color: var(--fenix-neutral-900);
  --fenix-type-line-height: var(--fenix-text-h4-line-height);
  font-size: var(--fenix-text-h4-size);
  font-weight: var(--fenix-text-h4-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-resources-page .fenix-resources-featured-card p {
  max-width: 760px;
  margin: 0;
  color: var(--fenix-neutral-600);
  --fenix-type-line-height: var(--fenix-text-body-small-line-height);
  font-size: var(--fenix-text-body-small-size);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-resources-page .fenix-resources-featured-card time,

body.fenix-figma-resources-page .fenix-resources-article-card time {
  color: var(--fenix-neutral-400);
  --fenix-type-line-height: var(--fenix-text-body-small-line-height);
  font-size: var(--fenix-text-body-small-size);
  font-weight: var(--fenix-weight-bold);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-resources-page .fenix-resources-card-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

body.fenix-figma-resources-page .fenix-resources-article-card {
  min-height: 412px;
  display: flex;
  flex-direction: column;
}

body.fenix-figma-resources-page .fenix-resources-article-card__image {
  height: 250px;
  flex: 0 0 250px;
}

body.fenix-figma-resources-page .fenix-resources-article-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 16px;
}

body.fenix-figma-resources-page .fenix-resources-article-card h3 {
  margin: 0;
  color: var(--fenix-neutral-900);
  --fenix-type-line-height: var(--fenix-text-body-large-line-height);
  font-size: var(--fenix-text-body-large-size);
  font-weight: var(--fenix-weight-bold);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-resources-page .fenix-resources-pagination {
  margin: 8px auto 0;
}

body.fenix-figma-resources-page .fenix-resources-news {
  width: 100%;
  padding-inline: 0;
  background: var(--fenix-white);
}

body.fenix-figma-resources-page .fenix-resources-news__inner {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 376px minmax(0, 1fr);
  gap: 31px;
}

body.fenix-figma-resources-page .fenix-resources-news__heading {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body.fenix-figma-resources-page .fenix-resources-news__heading p {
  margin: 0;
  color: var(--fenix-neutral-600);
  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);
  font-size: var(--fenix-text-subtitle-size);
  font-weight: var(--fenix-text-subtitle-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-resources-page .fenix-resources-news__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.fenix-figma-resources-page .fenix-resources-news__item {
  min-height: 48px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  padding: 0 0 20px;
  margin: 0 0 20px;
  color: var(--fenix-neutral-900);
  border-bottom: 1px solid var(--fenix-neutral-300);
  --fenix-type-line-height: var(--fenix-text-body-large-line-height);
  font-size: var(--fenix-text-body-large-size);
  font-weight: var(--fenix-weight-medium);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  text-decoration: none;
}

body.fenix-figma-resources-page .fenix-resources-company {
  display: none;
}

body.fenix-figma-resources-page .fenix-case-study-cta {
  width: 100%;
  padding-inline: 0;
  background: var(--fenix-white);
}

body.fenix-figma-resources-page .fenix-case-study-cta__inner {
  min-height: 248px;
  padding: 56px 80px;
  background: linear-gradient(112deg, var(--fenix-primary-600) 0%, var(--fenix-primary-800) 100%);
  border: 1px solid var(--fenix-primary-200);
  border-radius: 16px;
  box-shadow: 0 16px 28px color-mix(in srgb, var(--fenix-primary-800) 22%, transparent);
}

body.fenix-figma-resources-page .fenix-case-study-cta__content p {
  color: var(--fenix-primary-200);
  --fenix-type-line-height: var(--fenix-text-body-small-line-height);
  font-size: var(--fenix-text-body-small-size);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-resources-page .fenix-case-study-cta__content h2 {
  max-width: 530px;
  color: var(--fenix-white);
  --fenix-type-line-height: var(--fenix-text-h2-line-height);
  font-size: var(--fenix-text-h2-size);
  font-weight: var(--fenix-text-h2-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

body.fenix-figma-resources-page .fenix-case-study-cta__button {
  width: 134px;
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 1279px) {

  body.fenix-figma-resources-page .fenix-resources-hero {
    height: 428px;
    background-position: center;
  }

  body.fenix-figma-resources-page .fenix-resources-shell {
    gap: 48px;
  }

  body.fenix-figma-resources-page .fenix-resources-blog-toolbar {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 24px;
  }

  body.fenix-figma-resources-page .fenix-resources-tabs {
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.fenix-figma-resources-page .fenix-resources-tabs::-webkit-scrollbar {
    display: none;
  }

  body.fenix-figma-resources-page .fenix-resources-search {
    width: 100%;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card {
    min-height: 633.33px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card__image {
    width: 100%;
    height: 469.33px;
    min-height: 469.33px;
    flex: 0 0 469.33px;
    border-radius: 20px 20px 0 0;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card__body,

  body.fenix-figma-resources-page .fenix-resources-article-card__body {
    width: 100%;
    min-height: 164px;
    padding: 24px 16px;
    gap: 16px;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card h3,

  body.fenix-figma-resources-page .fenix-resources-article-card h3 {
    --fenix-type-line-height: var(--fenix-text-body-large-line-height);
    font-size: var(--fenix-text-body-large-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card p {
    display: none;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card time,

  body.fenix-figma-resources-page .fenix-resources-article-card time {
    --fenix-type-line-height: var(--fenix-text-body-small-line-height);
    font-size: var(--fenix-text-body-small-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-resources-page .fenix-resources-tags span {
    min-width: 47px;
  }

  body.fenix-figma-resources-page .fenix-resources-card-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  body.fenix-figma-resources-page .fenix-resources-article-card {
    min-height: 390.67px;
  }

  body.fenix-figma-resources-page .fenix-resources-article-card__image {
    height: 226.67px;
    min-height: 226.67px;
    flex: 0 0 226.67px;
    border-radius: 20px 20px 0 0;
  }

  body.fenix-figma-resources-page .fenix-resources-tag--tablet-mobile {
    display: inline-flex;
  }

  body.fenix-figma-resources-page .fenix-resources-article-card.fenix-resources-article-card--tablet-mobile,

  body.fenix-figma-resources-page .fenix-resources-article-card.fenix-resources-article-card--tablet-only {
    display: flex;
  }

  body.fenix-figma-resources-page .fenix-resources-news__inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

@media (max-width: 767px) {

  body.fenix-figma-resources-page .fenix-resources-hero {
    height: 394px;
    align-items: flex-start;
    background-position: center;
  }

  body.fenix-figma-resources-page .fenix-resources-hero__inner {
    padding-top: 112px;
  }

  body.fenix-figma-resources-page .fenix-resources-hero h1 {
    margin-bottom: 32px;
    --fenix-type-line-height: var(--fenix-text-h2-line-height);
    font-size: var(--fenix-text-h2-size);
    font-weight: var(--fenix-text-h2-weight);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-resources-page .fenix-resources-hero p {
    max-width: 330px;
    --fenix-type-line-height: var(--fenix-text-body-small-line-height);
    font-size: var(--fenix-text-body-small-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-resources-page .fenix-resources-shell {
    gap: 24px;
  }

  body.fenix-figma-resources-page .fenix-resources-shell > h2,

  body.fenix-figma-resources-page .fenix-resources-news__heading h2 {
    --fenix-type-line-height: var(--fenix-text-h4-line-height);
    font-size: var(--fenix-text-h4-size);
    font-weight: var(--fenix-text-h4-weight);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-resources-page .fenix-resources-blog-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  body.fenix-figma-resources-page .fenix-resources-search {
    order: 0;
    width: 100%;
  }

  body.fenix-figma-resources-page .fenix-resources-tabs {
    order: 1;
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  body.fenix-figma-resources-page .fenix-resources-tabs::-webkit-scrollbar {
    display: none;
  }

  body.fenix-figma-resources-page .fenix-resources-blog-grid {
    gap: 20px;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card,

  body.fenix-figma-resources-page .fenix-resources-article-card {
    min-height: 0;
    border: 1px solid var(--fenix-neutral-200);
    border-radius: 24px;
    box-shadow: 0 12px 24px color-mix(in srgb, var(--fenix-primary-800) 9%, transparent);
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card {
    display: flex;
    flex-direction: column;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card__image,

  body.fenix-figma-resources-page .fenix-resources-article-card__image {
    width: 100%;
    height: 238.67px;
    min-height: 238.67px;
    flex: 0 0 238.67px;
    border-radius: 20px 20px 0 0;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card__image .fenix-home-image-mark,

  body.fenix-figma-resources-page .fenix-resources-article-card__image .fenix-home-image-mark {
    width: 72px;
    height: 72px;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card__body,

  body.fenix-figma-resources-page .fenix-resources-article-card__body {
    min-height: 158px;
    padding: 24px 16px;
    gap: 16px;
  }

  body.fenix-figma-resources-page .fenix-resources-tags {
    gap: 8px;
  }

  body.fenix-figma-resources-page .fenix-resources-tags span {
    min-width: 45px;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card h3,

  body.fenix-figma-resources-page .fenix-resources-article-card h3 {
    --fenix-type-line-height: var(--fenix-text-body-small-line-height);
    font-size: var(--fenix-text-body-small-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card p {
    display: none;
  }

  body.fenix-figma-resources-page .fenix-resources-featured-card time,

  body.fenix-figma-resources-page .fenix-resources-article-card time {
    --fenix-type-line-height: var(--fenix-text-caption-line-height);
    font-size: var(--fenix-text-caption-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-resources-page .fenix-resources-card-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  body.fenix-figma-resources-page .fenix-resources-tag--tablet-mobile {
    display: inline-flex;
  }

  body.fenix-figma-resources-page .fenix-resources-article-card.fenix-resources-article-card--tablet-mobile {
    display: flex;
  }

  body.fenix-figma-resources-page .fenix-resources-pagination {
    margin-top: 20px;
  }

  body.fenix-figma-resources-page .fenix-resources-news__inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  body.fenix-figma-resources-page .fenix-resources-news__heading {
    gap: 16px;
  }

  body.fenix-figma-resources-page .fenix-resources-news__heading p {
    --fenix-type-line-height: var(--fenix-text-body-small-line-height);
    font-size: var(--fenix-text-body-small-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-resources-page .fenix-resources-news__item {
    min-height: 40px;
    gap: 16px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    --fenix-type-line-height: var(--fenix-text-caption-line-height);
    font-size: var(--fenix-text-caption-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-resources-page .fenix-resources-company {
    display: flex;
    justify-content: center;
    padding-inline: 16px;
    background: var(--fenix-primary-50);
  }

  body.fenix-figma-resources-page .fenix-resources-company__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  body.fenix-figma-resources-page .fenix-resources-company h2 {
    width: 100%;
    height: auto;
    margin: 0;
    color: var(--fenix-neutral-900);
    --fenix-type-line-height: var(--fenix-text-h5-line-height);
    font-size: var(--fenix-text-h5-size);
    font-weight: var(--fenix-text-h5-weight);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
    text-align: center;
  }

  body.fenix-figma-resources-page .fenix-resources-company p {
    width: 100%;
    height: auto;
    margin: 0;
    color: var(--fenix-neutral-600);
    --fenix-type-line-height: var(--fenix-text-caption-line-height);
    font-size: var(--fenix-text-caption-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
    text-align: center;
  }

  body.fenix-figma-resources-page .fenix-resources-company__button {
    width: auto;
    min-width: 178px;
  }

  body.fenix-figma-resources-page .fenix-resources-company__download {
    transform: scale(0.75);
  }

  
  body.fenix-figma-resources-page .fenix-resources-company__download::before,

  body.fenix-figma-resources-page .fenix-resources-company__download::after {
    transform: scale(0.75);
  }

  body.fenix-figma-resources-page .fenix-case-study-cta {
    padding-inline: 0;
  }

  body.fenix-figma-resources-page .fenix-case-study-cta__inner {
    min-height: 220px;
    padding: 32px;
    align-items: flex-start;
    gap: 24px;
    border-radius: 12px;
  }

  body.fenix-figma-resources-page .fenix-case-study-cta__content {
    width: 100%;
    min-height: 0;
    padding: 0;
  }

  body.fenix-figma-resources-page .fenix-case-study-cta__content h2 {
    width: 100%;
    max-width: 260px;
    --fenix-type-line-height: var(--fenix-text-h4-line-height);
    font-size: var(--fenix-text-h4-size);
    font-weight: var(--fenix-text-h4-weight);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  body.fenix-figma-resources-page .fenix-case-study-cta__button {
    width: 118px;
  }
}