.paragraph--featured-contents .paragraph-content {
  padding: clamp(var(--spacing--4), 8vw, var(--spacing--6)) 0;
}
.paragraph--featured-contents .paragraph--featured-contents--wrapper {
  display: grid;
  gap: var(--spacing--4);
}
@media (min-width: 1200px) {
  .paragraph--featured-contents .paragraph--featured-contents--wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
  .paragraph--featured-contents .paragraph--featured-contents--wrapper > div:last-child {
    grid-column: 2/span 4;
  }
}
.paragraph--featured-contents .featured-items h1, .paragraph--featured-contents .featured-items h2, .paragraph--featured-contents .featured-items h3, .paragraph--featured-contents .featured-items h4 {
  font-size: var(--typography--font-size--lg);
}
@media (max-width: 767px) {
  .paragraph--featured-contents .featured-items h1, .paragraph--featured-contents .featured-items h2, .paragraph--featured-contents .featured-items h3, .paragraph--featured-contents .featured-items h4 {
    font-size: var(--typography--font-size--md);
  }
}
.paragraph--featured-contents .featured-items > div {
  display: grid;
  gap: var(--spacing--2);
  grid-template-rows: 1fr 1fr;
}
@media (max-width: 767px) {
  .paragraph--featured-contents .featured-items > div {
    gap: var(--spacing--1);
  }
}
.paragraph--featured-contents .featured-items--3 > div {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  --featured-background: var(--c--primary);
  --featured-text-color: var(--c--white);
}
.paragraph--featured-contents .featured-items--3 > div > div:nth-child(1) {
  --featured-background: var(--c--gray--light);
  --featured-text-color: var(--c--black);
  grid-column: 1/span 2;
  grid-row: 1;
}
.paragraph--featured-contents .featured-items--3 > div > div:nth-child(1) .paragraph--featured-content {
  flex-direction: row;
}
@media (min-width: 1200px) {
  .paragraph--featured-contents .featured-items--3 > div > div:nth-child(1) .paragraph--featured-content .image-wrapper picture {
    width: 162px;
  }
}
.paragraph--featured-contents .featured-items--3 > div > div:nth-child(2) {
  --featured-background: var(--background--background-highlight);
  grid-column: 3;
  grid-row: 1;
}
.paragraph--featured-contents .featured-items--3 > div > div:nth-child(2) .paragraph--featured-content .image-wrapper {
  display: none;
}
.paragraph--featured-contents .featured-items--3 > div > div:nth-child(3) {
  --featured-background: var(--background--background-dark);
  grid-column: 4;
  grid-row: 1;
}
.paragraph--featured-contents .featured-items--3 > div > div:nth-child(3) .image-wrapper {
  display: none;
}
@media (max-width: 1199px) {
  .paragraph--featured-contents .featured-items--3 > div {
    grid-template-rows: auto auto;
    grid-template-columns: repeat(2, 1fr);
  }
  .paragraph--featured-contents .featured-items--3 > div > div:nth-child(1) {
    grid-column: 1/span 2;
    grid-row: 1;
  }
  .paragraph--featured-contents .featured-items--3 > div > div:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  .paragraph--featured-contents .featured-items--3 > div > div:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }
}
.paragraph--featured-contents .featured-items--4 > div {
  grid-template-columns: repeat(4, 1fr);
  --featured-background: var(--c--primary);
  --featured-text-color: var(--c--white);
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(1) {
  --featured-background: var(--c--gray--light);
  --featured-text-color: var(--c--black);
  grid-column: 1/span 2;
  grid-row: 1;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(1) .paragraph--featured-content {
  flex-direction: row;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(1) .paragraph--featured-content .image-wrapper {
  min-width: 42%;
  width: 42%;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(2) {
  --featured-background: transparent;
  grid-column: 1/span 2;
  grid-row: 2;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(2) .paragraph--featured-content {
  flex-direction: row-reverse;
  padding: 0;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(2) .paragraph--featured-content > div {
  width: calc(50% - var(--spacing--1));
  min-width: calc(50% - var(--spacing--1));
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(2) .paragraph--featured-content .image-wrapper {
  border-radius: var(--radius--3);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  position: relative;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(2) .paragraph--featured-content .image-wrapper div {
  position: absolute;
  inset: 0;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(2) .paragraph--featured-content .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(2) .paragraph--featured-content .info-wrapper {
  padding: var(--spacing--2);
  background-color: var(--background--background-highlight);
  border-radius: var(--radius--3);
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) {
  --featured-background: var(--background--background-dark);
  grid-column: 3;
  grid-row: 1/span 2;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h1, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h2, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h3, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h4, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h5, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h6, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) p {
  font-size: var(--typography--font-size--xl);
}
@media (max-width: 767px) {
  .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h1, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h2, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h3, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h4, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h5, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) h6, .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) p {
    font-size: var(--typography--font-size--md);
  }
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(4) {
  --featured-background: var(--c--primary);
  background-color: transparent;
  grid-column: 4;
  grid-row: 1;
  grid-row: 1/span 2;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(4) > a {
  background-color: transparent;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(4) .paragraph--featured-content {
  background-color: transparent;
  flex-direction: column-reverse;
  padding: 0;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(4) .paragraph--featured-content > div {
  width: 100%;
  min-width: 100%;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(4) .paragraph--featured-content .image-wrapper {
  border-radius: var(--radius--3);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  position: relative;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(4) .paragraph--featured-content .image-wrapper div {
  position: absolute;
  inset: 0;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(4) .paragraph--featured-content .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paragraph--featured-contents .featured-items--4 > div > div:nth-child(4) .paragraph--featured-content .info-wrapper {
  padding: var(--spacing--2);
  background-color: var(--featured-background);
  border-radius: var(--radius--3);
}
@media (max-width: 1199px) {
  .paragraph--featured-contents .featured-items--4 > div {
    grid-template-rows: auto auto;
    grid-template-columns: repeat(2, 1fr);
  }
  .paragraph--featured-contents .featured-items--4 > div > div:nth-child(1) {
    grid-column: 1/span 2;
    grid-row: 1;
  }
  .paragraph--featured-contents .featured-items--4 > div > div:nth-child(2) {
    grid-column: 1/span 2;
    grid-row: 2;
  }
  .paragraph--featured-contents .featured-items--4 > div > div:nth-child(3) {
    grid-column: 1;
    grid-row: 3/span 2;
  }
  .paragraph--featured-contents .featured-items--4 > div > div:nth-child(4) {
    grid-column: 2;
    grid-row: 3/span 2;
  }
}
.paragraph--featured-contents .featured-items--5 > div {
  grid-template-columns: repeat(4, 1fr);
  --featured-background: var(--c--primary);
  --featured-text-color: var(--c--white);
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(1) {
  --featured-background: var(--c--gray--light);
  --featured-text-color: var(--c--black);
  grid-column: 1/span 2;
  grid-row: 1;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(1) .paragraph--featured-content {
  flex-direction: row;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(1) .paragraph--featured-content .image-wrapper {
  min-width: 40%;
  width: 40%;
  position: relative;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(1) .paragraph--featured-content .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(2) {
  --featured-background: transparent;
  grid-column: 1/span 2;
  grid-row: 2;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(2) .paragraph--featured-content {
  flex-direction: row-reverse;
  padding: 0;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(2) .paragraph--featured-content > div {
  width: calc(50% - var(--spacing--1));
  min-width: calc(50% - var(--spacing--1));
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(2) .paragraph--featured-content .image-wrapper {
  border-radius: var(--radius--3);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  position: relative;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(2) .paragraph--featured-content .image-wrapper div {
  position: absolute;
  inset: 0;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(2) .paragraph--featured-content .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(2) .paragraph--featured-content .info-wrapper {
  padding: var(--spacing--2);
  background-color: var(--background--background-highlight);
  border-radius: var(--radius--3);
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) {
  --featured-background: var(--background--background-dark);
  grid-column: 3;
  grid-row: 1/span 2;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h1, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h2, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h3, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h4, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h5, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h6, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) p {
  font-size: var(--typography--font-size--xl);
}
@media (max-width: 767px) {
  .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h1, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h2, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h3, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h4, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h5, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) h6, .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) p {
    font-size: var(--typography--font-size--md);
  }
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(4) {
  --featured-background: var(--c--primary);
  grid-column: 4;
  grid-row: 1;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(4) img {
  display: none;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(5) {
  --featured-background: var(--c--gray--light);
  --featured-text-color: var(--c--black);
  grid-column: 4;
  grid-row: 2;
}
.paragraph--featured-contents .featured-items--5 > div > div:nth-child(5) img {
  display: none;
}
@media (max-width: 1199px) {
  .paragraph--featured-contents .featured-items--5 > div {
    grid-template-rows: auto auto;
    grid-template-columns: repeat(2, 1fr);
  }
  .paragraph--featured-contents .featured-items--5 > div > div:nth-child(1) {
    grid-column: 1/span 2;
    grid-row: 1;
  }
  .paragraph--featured-contents .featured-items--5 > div > div:nth-child(2) {
    grid-column: 1/span 2;
    grid-row: 2;
  }
  .paragraph--featured-contents .featured-items--5 > div > div:nth-child(3) {
    grid-column: 1;
    grid-row: 3/span 2;
  }
  .paragraph--featured-contents .featured-items--5 > div > div:nth-child(4) {
    grid-column: 2;
    grid-row: 3;
  }
  .paragraph--featured-contents .featured-items--5 > div > div:nth-child(5) {
    grid-column: 2;
    grid-row: 4;
  }
}
/*# sourceMappingURL=paragraph--featured-contents.css.map */