/* purgecss start ignore */

/* reset a default style */

a.hp-25-article-link {
  text-decoration: none;
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  background-color: transparent;
  cursor: pointer;
}

a.hp-25-article-link:visited {
  color: inherit;
}

.hentry-feed.home.home-2025 {
  background-color: #F3EFE5;
}

.home-2025-trends-container {
  margin-left: 1rem;
  margin-right: 1rem;
  height: 3.875rem;
  @media (min-width: 480px) {
    margin-left: 2rem;

    margin-right: 2rem;
  }
  @media (min-width: 1440px) {
    max-width: 1440px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 2rem;

    padding-right: 2rem;
  }
}

.home-2025-container {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0px;
  margin-bottom: 0px;
  @media (min-width: 480px) {
    margin-left: 2rem;

    margin-right: 2rem;

    margin-top: 0px;

    margin-bottom: 0px;
  }
  @media (min-width: 960px) {
    margin-top: 1.5rem;
  }
  @media (min-width: 1440px) {
    max-width: 1440px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 2rem;

    padding-right: 2rem;
  }
}

.home-2025-container__lead {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0px;
  margin-bottom: 0px;
  @media (min-width: 480px) {
    margin-left: 2rem;

    margin-right: 2rem;

    margin-top: 0px;

    margin-bottom: 0px;
  }
  @media (min-width: 960px) {
    margin-top: 1.5rem;
  }
  @media (min-width: 1440px) {
    max-width: 1440px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 2rem;

    padding-right: 2rem;
  }
}

.home-2025-top-section {
  margin-bottom: 2.5rem
}

@media (min-width: 480px) {
  .home-2025-top-section {
    margin-bottom: 2rem;
    display: grid;
  }
}

@media (min-width: 960px) {
  .home-2025-top-section {
    margin-bottom: 2.5rem;
  }
}

.home-2025-top-section {
  @media (min-width: 1280px) {
    /* display: grid; */

    grid-template-columns: 74.28% 23.52%;

    -moz-column-gap: 1.5rem;

         column-gap: 1.5rem;

    position: relative;

    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      left: calc(74.28% + 0.75rem);
      width: 1px;
    }
  }
}

@media (min-width: 480px) {
  .home-2025-top-section__main-content {
    grid-row-start: 2;
  }
}

.home-2025-top-section__sidebar {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  @media (min-width: 768px) {
    display: grid;

    grid-template-columns: 65.48% calc(34.52% - 1.5rem);

    -moz-column-gap: 1.5rem;

         column-gap: 1.5rem;

    grid-auto-flow: row dense;

    &>* {
      grid-column: 1 / -1;
    }
  }
  @media (min-width: 1280px) {
    display: flex;

    flex-direction: column;

    grid-column: 2;

    grid-row: 1 / span 4;
  }
}

/* BANNER */

.home-2025 .hentry.hentry--item.hentry--banner {
  background-color: #DAD7CF !important;
}

.hentry-feed.home.home-2025 .banner_nyt_style.stream {
  background-color: #DAD7CF !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0 !important;
}

.hentry-feed.home.home-2025 .home-2025-main-content .banner_nyt_style.stream {
  margin-bottom: 42px !important;
}

.home-2025 .banner_nyt_style .hentry--banner .lazyload_ad {
  padding: 30px 0 !important;
}

.trends {
  margin-left: -1rem;
  margin-right: -1rem;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 480px) {
  .trends {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .trends {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.trends {
  border-bottom: 1px solid #C2C2C2;
}

.trends-content {
  display: flex;
  height: 100%;
  align-items: center;
}

.trends-content__row {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 1rem;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
}

.trends-content__row::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}

.trends-content__row__item {
  scroll-snap-align: start;
  white-space: nowrap;
  /* flex: 0 0 60%; */
  /* max-width: 60%; */
  /* box-sizing: border-box; */
}

.trends-content__row__item__link {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #005BA2 !important;
  letter-spacing: 1.5px;
  white-space: nowrap;
}

/* Wrapper component */

.opening-B1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 480px) {
  .opening-B1 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 960px) {
  .opening-B1 {
    margin-top: 0px;
  }
}

@media (min-width: 1280px) {
  .opening-B1 {
    grid-column-start: 1;
  }
}

/* Top */

.opening-B1__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

@media (min-width: 768px) {
  .opening-B1__top {
    flex-direction: row;
    align-items: flex-start;
  }
}

@media (min-width: 960px) {
  .opening-B1__top {
    margin-bottom: 2rem;
    justify-content: flex-end;
    padding-top: 0px;
  }
}

.opening-B1__top {
  border-bottom: 1px solid #C2C2C2;
  @media (min-width: 480px) {
    border-bottom: none;
  }
}

.opening-B1__top-hero {
  @media (min-width: 960px) {
    width: 67.19%;

    margin: 0px;

    display: flex;

    height: 100%;

    flex-direction: column;

    padding-right: 0.75rem;
  }
  @media (min-width: 1280px) {
    width: 67.10%;
  }
}

@media (max-width: 767px) and (min-width: 360px) {
  .opening-B1__top-hero {
    display: flex;
    flex-direction: column;
  }

  .opening-B1__top-image {
    order: 2;
    margin-top: 1rem;
  }

  .opening-B1__top-text {
    order: 1;
  }
}

/* top image */

.opening-B1__top-image {
  margin-bottom: 1rem;
  width: 100%
}

@media (min-width: 768px) {
  .opening-B1__top-image {
    height: 100%;
  }
}

.opening-B1__top-image {
  @media (min-width: 1360px) {
    min-width: 65.03%;
  }
}

.opening-B1__top-image__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  height: 15.0625rem;
  @media (min-width: 480px) {
    height: 16.8125rem;
  }
  @media (min-width: 481px) and (max-width: 767px) {
    height: calc(269px + (186 * (100vw - 480px) / 288));
  }
  @media (min-width: 768px) {
    height: 455px;
  }
  @media (min-width: 960px) {
    height: 380.63px;
  }
  @media (min-width: 1281px) and (max-width: 1439px) {
    height: calc(380.63px + (69.37 * (100vw - 1280px) / 160));
  }
  @media (min-width: 1440px) {
    height: 450px;
  }
}

/* top text */

.opening-B1__top-text__tag {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 900;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
  letter-spacing: 1.5px;
  margin: 0 !important;
}

.opening-B1__top-text h2.opening-B1__top-text__title {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Lyon Hed Web Bold, Lyon Text OSF Web, Georgia, Times New Roman, Times, serif;
  font-size: 2.5rem;
  line-height: 2.375rem;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  font-weight: 700 !important;
  max-width: 100%;
  @media (min-width: 480px) {
    max-width: 100%;

    font-size: 3rem;

    line-height: 2.875rem;
  }
}

.opening-B1__top-text__paragraph {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 1rem !important;
}

.opening-B1__top-text__byline {
  margin-top: 1rem;
  display: inline;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

/* top aside */

.opening-B1__top-aside {
  display: none;
}

@media (min-width: 960px) {
  .opening-B1__top-aside {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0.75rem;
  }
}

.opening-B1__top-aside {
  border-left: 1px solid #C2C2C2;
  width: 32.92%;
}

.opening-B1_top-aside__item {
  padding-top: 1rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #C2C2C2;
  &:first-child {
    padding-top: 0px;
  }
  &:nth-child(3) {
    padding-bottom: 0px;
  }
  &:last-child {
    border-bottom: none;
  }
}

.opening-B1_top-aside__item-title {
  margin-bottom: 1rem;
  font-family: Lyon Hed Web Bold, Lyon Text OSF Web, Georgia, Times New Roman, Times, serif;
  font-size: 2rem;
  line-height: 1.875rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

.opening-B1_top-aside__item-paragraph {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  /* margin-bottom: 1rem !important; */
}

.opening-B1_top-aside__item-byline {
  margin-top: 1rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  display: inline;
  margin-bottom: 14px !important;
}

@media (max-width: 960px) {
  .opening-B1__top-aside .opening-B1_top-aside__item-byline {
    display: none;
  }
}

@media (min-width: 480px) {
  .top3 {
    margin-bottom: 2rem;
  }
}

@media (min-width: 960px) {
  .top3 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media (min-width: 1280px) {
  .top3 {
    grid-column-start: 1;
    padding-right: 0px;
  }
}

.top3__row {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width: 480px) {
  .top3__row {
    position: relative;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  .top3__row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.top3__row {
  @media (min-width: 480px) {
    border-top: 1px solid #C2C2C2;

    &::after {
      content: '';
      position: absolute;
      top: 1rem;
      bottom: 0px;
      left: 0px;
      grid-column-start: 2;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      transform: translateX(calc(-0.75rem));
      width: 1px;
    }
  }
  @media (min-width: 768px) {
    &::after {
      content: '';
      position: absolute;
      top: 1rem;
      bottom: 0px;
      left: 0px;
      grid-column-start: 2;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      transform: translateX(calc(-0.75rem));
      width: 1px;
    }

    &::before {
      content: '';
      position: absolute;
      top: 1rem;
      bottom: 0px;
      left: 0px;
      grid-column-start: 3;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      transform: translateX(calc(-0.75rem));
      width: 1px;
    }
  }
}

.top3_row__item {
  padding-top: 1rem;
  padding-bottom: 1rem
}

@media (min-width: 480px) {
  .top3_row__item {
    margin-top: 1rem;
    padding-top: 0px;
  }
}

.top3_row__item {
  border-bottom: 1px solid #C2C2C2;
  &:first-child {
    padding-top: 0px;
  }
  &:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  @media (min-width: 360px) {
    &:first-child {
      padding-top: 0 !important;
    }
  }
  @media (max-width: 479px) {
    /* Reorder the links with the image and text content */

    &>a.hp-25-article-link:has(.top3_row__item-img) {
      order: 2;
    }

    &>a.hp-25-article-link:has(.top3_row__item-tag),
        &>a.hp-25-article-link:has(.top3_row__item-title) {
      order: 1;
    }

    /* Adjust the spacing between elements */

    &>a.hp-25-article-link:has(.top3_row__item-img) {
      margin-top: 1rem;
    }

    display: flex;

    flex-direction: column;
  }
  @media (max-width: 480px) {
    &:first-child {
      padding-top: 48px;
    }
  }
  @media (min-width: 480px) {
    border-bottom: none;

    &:nth-child(n + 3) {
      display: none;
    }

    padding-bottom: 0px;
  }
  @media (min-width: 768px) {
    &:nth-child(3) {
      display: block;
    }

    &:nth-child(n + 4) {
      display: none;
    }
  }
}

.top3_row__item-img {
  margin-bottom: 1rem;
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 184px;
  .top3_row__item:nth-child(1) &,
    .top3_row__item:nth-child(2) & {
    height: 218.96px;
    /* @media (min-width: 361px) and (max-width: 479px) {
            height: calc(218.96px + (22.04 * (100vw - 361px) / 118));
        } */
  }
  @media (max-width: 479px) {
    margin-bottom: 0;
  }
  @media (min-width: 480px) {
    .top3_row__item:nth-child(1) & {
      display: none;
    }

    .top3_row__item:nth-child(2) & {
      height: 106px;
      @media (min-width: 481px) and (max-width: 767px) {
        height: calc(106px + (13 * (100vw - 481px) / 286));
      }
    }

    -o-object-fit: cover;

       object-fit: cover;
  }
  @media (min-width: 768px) {
    .top3_row__item:nth-child(2) & {
      height: 119px;
      @media (min-width: 769px) and (max-width: 959px) {
        height: calc(118.62px + (34.72 * (100vw - 769px) / 190));
      }
    }

    .top3_row__item:nth-child(3) & {
      display: none;
    }
  }
  @media (min-width: 960px) {
    .top3_row__item:nth-child(2) & {
      height: 153px;
      @media (min-width: 961px) and (max-width: 1279px) {
        height: calc(153.34px + (1.81 * (100vw - 961px) / 318));
      }
    }
  }
  @media (min-width: 1280px) {
    .top3_row__item:nth-child(2) & {
      height: 155px;
      @media (min-width: 1281px) and (max-width: 1439px) {
        height: calc(115.15px + (61.69 * (100vw - 1281px) / 158));
      }
    }
  }
  @media (min-width: 1440px) {
    .top3_row__item:nth-child(2) & {
      height: 177px;
    }
  }
}

.top3_row__item-tag {
  display: block;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 900;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
  letter-spacing: 1.5px;
}

.top3_row__item-title {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-right: 1.5rem;
  font-family: Lyon Hed Web Bold, Lyon Text OSF Web, Georgia, Times New Roman, Times, serif;
  font-size: 2.5rem;
  line-height: 2.375rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  .top3_row__item:nth-child(n+3) & {
    padding-right: 0px;
    font-size: 1.75rem;
    line-height: 1.875rem;
  }
  @media (min-width: 480px) {
    max-width: 100%;

    padding-right: 0px;

    font-size: 1.75rem;

    line-height: 1.625rem;
  }
  @media (min-width: 960px) {
    .top3_row__item:nth-child(n+3)>& {
      font-size: 2rem;
      line-height: 1.875rem;
    }

    padding-right: 0px;

    font-size: 2rem;

    line-height: 1.875rem;
  }
}

.top3_row__item-paragraph {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 1rem !important;
  @media (max-width: 479px) {
    order: 1;
  }
  @media (min-width: 480px) {
    font-size: 1.125rem;

    line-height: 1.375rem;
  }
}

.top3_row__item-byline_container {
  @media (max-width: 479px) {
    order: 1;
  }
}

.top3_row__item-byline {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

@media (min-width: 480px) {
  .top3_row__item-byline {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.clocks {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 480px) {
  .clocks {
    display: none;
  }
}

@media (min-width: 1280px) {
  .clocks {
    display: flex;
  }
}

.clocks {
  border-bottom: 1px solid #C2C2C2;
  border-top: 1px solid #C2C2C2;
}

.clock-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.clock {
  position: relative;
  height: 1.75rem;
  width: 1.75rem;
  border: 1px dotted #002440;
  border-radius: 50%;
}

.hand {
  position: absolute;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 36, 64, var(--tw-bg-opacity));
  border-radius: 0.5px;
  transform-origin: bottom center;
}

.hand.hour {
  width: 1.5px;
  height: 30%;
  top: 20%;
  left: calc(50% - 0.75px);
}

.hand.minutes {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 36, 64, var(--tw-bg-opacity));
  width: 1px;
  height: 35%;
  top: 15%;
  left: calc(50% - 0.5px);
}

.hand.hour,
.hand.minutes {
  transition: transform 0.3s ease-in-out;
}

.hand.seconds {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 36, 64, var(--tw-bg-opacity));
  width: 0.5px;
  height: 40%;
  top: 10%;
  left: calc(50% - 0.25px);
  transform-origin: bottom center;
  animation: rotate360 60s linear infinite;
}

.clock-container .clock-city {
  margin-top: 0.25rem;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  font-size: 10px;
  line-height: 12px;
  font-weight: 600 !important;
}

.wib-container {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  @media (min-width: 480px) {
    margin-top: 2rem;

    margin-bottom: 2rem;
  }
  @media (min-width: 1280px) {
    margin-top: 0px;
  }
}

.wib-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #23211D;
  @media (min-width: 1280px) {
    border-top: none;

    padding-top: 0px;
  }
}

.wib-header h2.wib-header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.wib-list {
  counter-reset: item-counter 0;
}

.wib-list__item {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  padding-left: 28px;
  border-top: 1px solid #C2C2C2;
  &::before {
    position: absolute;
    top: 1rem;
    left: 0px;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 900;
    --tw-text-opacity: 1;
    color: rgba(35, 33, 29, var(--tw-text-opacity));
    content: counter(item-counter);
    counter-increment: item-counter;
    @media (min-width: 1280px) {
      font-size: 1.125rem;

      line-height: 1.375rem;
    }
  }
  &:first-child {
    border-top: none;
  }
  &:last-child {
    padding-bottom: 0;
  }
}

@media (min-width: 360px) {
  .news-container {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 480px) {
  .news-container {
    margin-bottom: 0px;
  }
}

@media (min-width: 1280px) {
  .news-container {
    margin-bottom: 2rem;
  }
}

.news-container {
  border-top: 1px solid #23211D;
  @media (min-width: 480px) {
    grid-row: 999;
  }
  @media (min-width: 1280px) {
    grid-row: auto;
  }
}

.news-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.6rem;
}

.news-header h2.news-header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.news-list-item {
  position: relative;
  display: flex;
  border-left: 1px dotted #848484;
  gap: 1.019rem;
  padding-bottom: 1.6rem;
  margin-left: 5px;
  &::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -0.25rem;
    height: 0.5rem;
    width: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgba(132, 132, 132, var(--tw-bg-opacity));
    transform: rotate(45deg);
  }
  &:last-child {
    padding-bottom: 0px;
    border-left: none;
  }
}

.news-list-item__time {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(132, 132, 132, var(--tw-text-opacity));
  margin-left: 1.019rem;
  margin-top: -0.6rem;
}

.news-list-item__title {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-top: -0.6rem;
}

.ntbm-container {
  margin-bottom: 2.5rem
}

@media (min-width: 1280px) {
  .ntbm-container {
    margin-bottom: 2rem;
  }
}

.ntbm-container {
  border-top: 1px solid #23211D;
  @media (min-width: 768px) {
    grid-row: auto / span 2;

    grid-column: 1 !important;

    position: relative;

    &::after {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      right: -0.75rem;
      width: 1px;
    }
  }
  @media (min-width: 1280px) {
    grid-column: unset !important;

    grid-row: unset;

    &::after {
      display: none;
    }
  }
}

.ntbm-header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ntbm-header h2.ntbm-title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.ntbm-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ntbm-content__image {
  max-height: 25%;
  @media (min-width: 1281px) and (max-width: 1439px) {
    height: calc(191px + (26 * (100vw - 1281px) / 158));

    max-height: none;
  }
}

.ntbm-content__image img {
  max-width: 100%;
}

.ntbm-content__tag {
  display: block;
}

@media (min-width: 768px) {
  .ntbm-content__tag {
    display: none;
  }
}

.ntbm-content__tag span {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 900;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
  letter-spacing: 1.5px;
}

.ntbm-content__title h3 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  @media (min-width: 480px) {
    font-size: 2.25rem;

    line-height: 2.25rem;
  }
  @media (min-width: 1280px) {
    font-size: 1.75rem;

    line-height: 1.875rem;
  }
}

.ntbm-content__paragraph p {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
  @media (min-width: 1280px) {
    font-size: 1.125rem;

    line-height: 1.375rem;
  }
}

.ntbm-content__byline {
  display: none;
}

@media (min-width: 480px) {
  .ntbm-content__byline {
    display: block;
  }
}

.ntbm-content__byline span {
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  @media (min-width: 1280px) {
    font-size: 1.125rem;

    line-height: 1.375rem;
  }
}

.podcasts-featured-container {
  margin-bottom: 2.5rem
}

@media (min-width: 768px) {
  .podcasts-featured-container {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .podcasts-featured-container {
    margin-bottom: 2rem;
  }
}

.podcasts-featured-container {
  border-top: 1px solid #23211D;
  @media (min-width: 768px) {
    grid-column: 2 !important;

    grid-row: auto;
  }
  @media (min-width: 1280px) {
    grid-column: unset !important;

    grid-row: unset;
  }
}

.podcasts-featured__header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.podcasts-featured__header h2.podcasts-featured__header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

/* .podcasts-featured__content {

} */

.podcasts-featured__content__item {
  display: flex;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(35, 33, 29, var(--tw-bg-opacity));
  padding: 1rem;
  gap: 0.625rem;
  @media (min-width: 768px) {
    gap: 1rem;

    flex-direction: column-reverse;
  }
  @media (min-width: 1280px) {
    gap: 0.625rem;

    flex-direction: row;
  }
}

.podcasts-featured__content__item__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 72%;
  @media (min-width: 768px) {
    width: auto;
  }
  @media (min-width: 1280px) {
    width: 59.2%;
  }
  @media (min-width: 1440px) {
    width: 72%;
  }
}

.podcasts-featured__content__item__info__title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.podcasts-featured__content__item__info__title-wrapper--play-icon {
  height: 1.3rem;
  width: 1.3rem;
  background-image: url('/assets/img/new-homepage/icons/play-podcast-icon.svg');
  background-repeat: no-repeat;
  vertical-align: unset;
}

.podcasts-featured__content__item__info__title-wrapper h3.podcasts-featured__content__item__info__title-wrapper--title {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 900;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(107, 176, 255, var(--tw-text-opacity));
  letter-spacing: 1.5px;
}

.podcasts-featured__content__item__info__last-episode--paragraph {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.podcasts-featured__content__item__logo {
  display: flex;
  justify-content: flex-end;
  width: 36.5%;
  @media (min-width: 480px) {
    width: 26%;
  }
  @media (min-width: 768px) {
    width: auto;

    justify-content: center;
  }
  @media (min-width: 1280px) {
    width: 38.4%;

    justify-content: flex-end;
  }
  @media (min-width: 1440px) {
    width: 36.5%;
  }
}

.podcasts-featured__content__item__logo img {
  height: 6rem;
  width: 6rem;
  border-radius: 0.5rem
}

@media (min-width: 768px) {
  .podcasts-featured__content__item__logo img {
    height: auto;
    width: auto;
    max-width: 100%;
  }
}

@media (min-width: 1280px) {
  .podcasts-featured__content__item__logo img {
    height: 6rem;
    width: 6rem;
  }
}

.podcasts-featured__content__item__logo img {
  @media (min-width: 769px) and (max-width: 958px) {
    height: calc(187px + (64 * ((100vw - 769px) / 189)));
  }
}

.home-newsletters_featured-container {
  margin-bottom: 2.5rem
}

@media (min-width: 1280px) {
  .home-newsletters_featured-container {
    margin-bottom: 0px;
  }
}

.home-newsletters_featured-container {
  border-top: 1px solid #23211D;
  @media (min-width: 768px) {
    grid-column: 2 !important;

    grid-row: auto;
  }
  @media (min-width: 1280px) {
    grid-column: unset !important;

    grid-row: unset;
  }
}

.home-newsletters_featured-header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.home-newsletters_featured-header h2.home-newsletters_featured-header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.home-newsletters_featured-content {
  margin-top: -0.5rem;
}

.home-newsletters_featured-content-item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.home-newsletters_featured-content-item__tag span {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
  letter-spacing: 1.5px;
  font-weight: 900 !important;
}

.home-newsletters_featured-content-item__title h3 {
  font-size: 1.5rem;
  line-height: 1.625rem;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  font-weight: 900 !important;
}

.home-newsletters_featured-content-item__paragraph {
  display: block;
}

@media (min-width: 768px) {
  .home-newsletters_featured-content-item__paragraph {
    display: none;
  }
}

@media (min-width: 1280px) {
  .home-newsletters_featured-content-item__paragraph {
    display: block;
  }
}

.home-newsletters_featured-content-item__paragraph p {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.fatw-container {
  margin-bottom: 2.5rem;
}

@media (min-width: 480px) {
  .fatw-container {
    margin-bottom: 2rem;
  }
}

.fatw-container {
  border-top: 1px solid #23211D;
}

.fatw-header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fatw-header h2.fatw-header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.fatw-content {
  margin-top: -0.2rem;
}

.fatw-content, .fatw-row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.fatw-content,
.fatw-row {
  margin-right: -1rem;
  @media (min-width: 480px) {
    margin-right: 0;
  }
}

.fatw-row__tag span {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 900;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
  letter-spacing: 1.5px;
}

.fatw-row__items-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 1rem;
  overflow-x: auto;
  padding-right: 2rem;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  @media (min-width: 480px) {
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;

    -webkit-overflow-scrolling: auto;

    scrollbar-width: auto;

    /* Firefox */

    -ms-overflow-style: auto;

    gap: 1.5rem;

    overflow-x: visible;

    padding-right: 0px;
  }
}

.fatw-row__items-container::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}

.fatw-row__items-container__item {
  scroll-snap-align: start;
  flex: 0 0 60%;
  max-width: 60%;
  box-sizing: border-box;
  @media screen and (min-width: 393px) and (max-width: 479px) {
    flex: 0 0 42.66%;

    max-width: 42.66%;
  }
  @media (min-width: 480px) {
    flex: 0 1 calc(50% - 0.75rem);

    max-width: calc(50% - 0.75rem);

    &:last-child {
      display: none;
    }
  }
  @media (min-width: 768px) {
    flex: 0 1 calc(33.33% - 0.75rem);

    max-width: calc(33.33% - 0.75rem);

    &:last-child {
      display: block;
    }
  }
}

.fatw-row__items-container__item__img {
  margin-bottom: 1rem;
  width: 100%;
  max-width: 100%;
  height: 196px;
  -o-object-fit: cover;
     object-fit: cover;
  @media screen and (min-width: 393px) and (max-width: 479px) {
    height: 154px;
  }
  @media (min-width: 480px) {
    height: 110.08px;
  }
  @media (min-width: 481px) and (max-width: 767px) {
    height: calc(110.08px + (12.73 * (100vw - 480px) / 288));
  }
  @media (min-width: 768px) {
    height: 122.81px;
  }
  @media (min-width: 769px) and (max-width: 959px) {
    height: calc(122.81px + (30.53 * (100vw - 768px) / 192));
  }
  @media (min-width: 960px) {
    height: 153.34px;
  }
  @media (min-width: 1280px) {
    height: 155.15px;
  }
  @media (min-width: 1281px) and (max-width: 1439px) {
    height: calc(155.15px + (21.7 * (100vw - 1280px) / 160));
  }
  @media (min-width: 1440px) {
    height: 176.85px;
  }
}

.fatw-row__items-container__item__title {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

.fatw-row__items-container__item__paragraph {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.opinion-container {
  margin-bottom: 2.5rem;
}

@media (min-width: 480px) {
  .opinion-container {
    margin-bottom: 0px;
  }
}

.opinion-container {
  border-top: 1px solid #23211D;
}

.opinion-header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.opinion-header h2.opinion-header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.opinion-content {
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (min-width: 480px) {
  .opinion-content {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  .opinion-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.opinion-content {
  @media (min-width: 960px) {
    row-gap: 2rem;

    &::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #C2C2C2;
      top: 50%;
    }
  }
}

.opinion-item {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid #C2C2C2;
  @media (min-width: 480px) {
    &:nth-child(3) {
      display: none;
    }
  }
  @media (min-width: 768px) {
    &:nth-child(3) {
      display: flex;
    }
  }
  &:nth-child(3) {
    border-bottom: none;
  }
  &:nth-child(n + 4) {
    display: none;
  }
  @media (min-width: 960px) {
    &:nth-child(n + 4) {
      display: flex;
    }
  }
  &:nth-child(n + 4) {
    border-bottom: none;
  }
  @media (min-width: 480px) {
    border-bottom: none;

    &:nth-child(1) {
      position: relative;
    }

    &:nth-child(1)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      content: '';
      right: -0.75rem;
      width: 1px;
    }

    padding-bottom: 0px;
  }
  @media (min-width: 768px) {
    &:nth-child(3n+1), &:nth-child(3n+2) {
      position: relative;
    }

    &:nth-child(3n+1)::after, &:nth-child(3n+2)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
    }

    &:nth-child(3n+1)::after,
        &:nth-child(3n+2)::after {
      content: '';
      right: -0.75rem;
      width: 1px;
    }
  }
  @media (min-width: 960px) {
    height: 144px;
  }
}

.opinion-item__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 80%;
  @media (min-width: 480px) {
    width: 65%;
  }
}

.opinion-item__tag {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 900;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.opinion-item__content__title {
  font-family: Lyon Hed Web Regular, Lyon Text OSF Web, Georgia, Times New Roman, Times, serif;
  font-size: 1.875rem;
  line-height: 1.8125rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  letter-spacing: 0.3px;
}

.opinion-item__content__author-image {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.5rem;
  width: 56px;
}

.opinion-item__content__author-image__img {
  width: 3.5rem;
  height: 3.5rem;
  background: #C7DADE;
  border-radius: 40px;
}

.article-carousel {
  overflow-x: auto
}

@media (min-width: 480px) {
  .article-carousel {
    display: none;
  }
}

.article-carousel {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-left: 1rem;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  margin-right: -1rem;
  @media (min-width: 480px) {
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;

    -webkit-overflow-scrolling: auto;

    scrollbar-width: auto;

    /* Firefox */

    -ms-overflow-style: auto;

    margin-right: 0;

    display: flex;

    flex-direction: column;

    gap: 1rem;

    overflow-x: visible;

    padding-left: 0px;
  }
}

.article-carousel::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}

.carousel-track {
  display: flex;
}

.carousel-track > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

@media (min-width: 480px) {
  .carousel-track {
    flex-direction: column;
  }

  .carousel-track > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }
}

.carousel-column {
  margin-top: 1rem;
  flex: none;
  padding-right: 1rem;
  scroll-snap-align: start;
  border-right: 1px solid #C2C2C2;
  width: 80%;
  &:nth-child(2) .carousel-item {
    max-width: calc(100% - 1rem);
  }
  &:nth-child(3) {
    display: none;
  }
  &:nth-child(2) {
    border-right: none;
    padding-right: 0;
  }
  @media (min-width: 480px) {
    border-right: none;

    &:nth-child(2)>.carousel-item:nth-child(1) {
      padding-bottom: 0px;
    }

    &:nth-child(2)>.carousel-item:nth-child(2) {
      display: none;
    }

    &:nth-child(2) .carousel-item {
      max-width: 100%;
    }

    margin-top: 0px;

    width: 100%;

    padding-right: 0px;
  }
  @media (min-width: 1280px) {
    &:nth-child(2)>.carousel-item:nth-child(1), &:nth-child(2)>.carousel-item:nth-child(2), &:nth-child(3) {
      display: block;
      padding-top: 1rem;
      padding-bottom: 1.5rem;
    }

    &:nth-child(2)>.carousel-item:nth-child(1),
        &:nth-child(2)>.carousel-item:nth-child(2),
        &:nth-child(3) {
      border-top: 1px solid #C2C2C2;
      border-bottom: none;
    }
  }
}

.carousel-item {
  padding-bottom: 1rem;
  border-bottom: 1px solid #C2C2C2;
  &:nth-child(2) {
    padding-top: 1rem;
    border-bottom: none;
    padding-bottom: 0;
    @media (min-width: 480px) {
      padding-bottom: 1.5rem;
    }
  }
  @media (min-width: 480px) {
    border-top: 1px solid #C2C2C2;

    border-bottom: none;

    padding-top: 1rem;

    padding-bottom: 1.5rem;
  }
  @media (min-width: 1280px) {
    &:first-child {
      padding-top: 0px;
      border-top: none;
    }
  }
}

.carousel-item__tag {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 !important;
  margin-bottom: 0.5rem !important;
  font-weight: 900;
  color: #005BA2;
}

.carousel-item__title {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  font-weight: 900;
  width: 13.75rem;
  @media screen and (min-width: 393px) and (max-width: 479px) {
    width: 16.25rem;
  }
  @media (min-width: 480px) {
    width: 100%;

    font-size: 1.25rem;

    line-height: 1.5rem;
  }
}

.home-2025-main-content__topic {
  margin-bottom: 2.5rem
}

@media (min-width: 480px) {
  .home-2025-main-content__topic {
    margin-bottom: 2rem;
  }
}

.home-2025-main-content__topic {
  border-top: 1px solid #23211D;
  @media (min-width: 960px) {
    margin-bottom: 5rem;
  }
}

.topic-header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.topic-header h2.topic-header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.topic-content {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
  @media (min-width: 768px) {
    grid-template-columns: 65.48% 31.8%;

    gap: 1.5rem;

    position: relative;

    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      left: calc(65.48% + 0.75rem);
      width: 1px;
    }
  }
  @media (min-width: 1280px) {
    grid-template-columns: 49% 23.52% auto;

    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      left: calc(49% + 0.75rem);
      width: 1px;
    }

    &::after {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      left: calc(72.52% + 2.25rem);
      width: 1px;
    }
  }
}

.topic-content__main-article {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.topic-content__main-article__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 241px;
  @media (min-width: 360px) {
    height: 219px;
  }
  @media (min-width: 480px) {
    height: 268.83px;
  }
  @media (min-width: 768px) {
    height: 297.91px;
  }
  @media (min-width: 1440px) {
    height: 436.84px;
  }
  @media (min-width: 361px) and (max-width: 479px) {
    height: calc(219px + (49.96 * (100vw - 360px) / 119)); /* 218.96 → 268.83 */
  }
  @media (min-width: 481px) and (max-width: 767px) {
    height: calc(268.83px + (29.08 * (100vw - 480px) / 287)); /* 268.83 → 297.91 */
  }
  @media (min-width: 769px) and (max-width: 959px) {
    height: calc(297.91px + (82.71 * (100vw - 768px) / 191));
  }
  @media (min-width: 961px) and (max-width: 1279px) {
    height: calc(380.62px + (4.53 * (100vw - 960px) / 319)); /* 380.62 → 385.15 */
  }
  @media (min-width: 1281px) and (max-width: 1439px) {
    height: calc(385.15px + (51.69 * (100vw - 1280px) / 159)); /* 385.15 → 436.84 */
  }
}

.topic-content__main-article__title {
  margin-bottom: 0px;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  @media (min-width: 480px) {
    font-size: 2.25rem;

    line-height: 2.25rem;
  }
  @media (min-width: 1280px) {
    font-size: 2.5rem;

    line-height: 2.5rem;
  }
}

.topic-content__main-article__paragraph {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin: 0 !important;
}

.topic-content__main-article__byline {
  display: inline;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin: 0 !important;
}

.topic-content__medium-articles {
  display: none;
  @media (min-width: 768px) {
    grid-column: 2;

    grid-row: 1 / span 4;

    display: flex;

    flex-direction: column;

    gap: 1rem;
  }
}

.topic-content__medium-articles__item {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #C2C2C2;
  &:nth-child(3) {
    padding-bottom: 0px;
  }
  &:last-child {
    border-bottom: none;
  }
}

.topic-content__medium-articles__item__title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

@media (min-width: 1280px) {
  .topic-content__medium-articles__item__title {
    font-size: 1.75rem;
    line-height: 1.875rem;
  }
}

.topic-content__medium-articles__item__paragraph {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 1rem !important;
}

.topic-content__medium-articles__item__byline {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  display: inline;
  margin-bottom: 0 !important;
}

.topic-content__small-articles {
  @media (min-width: 1280px) {
    grid-column: 3;

    grid-row: 1 / span 4;
  }
  @media (min-width: 360px) and (max-width: 479px) {
    border-top: 1px solid #C2C2C2;
  }
}

.home-2025-main-content__video-section {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(35, 33, 29, var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem
}

@media (min-width: 480px) {
  .home-2025-main-content__video-section {
    margin-left: -2rem;
    margin-right: -2rem;
    margin-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1440px) {
  .home-2025-main-content__video-section {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.home-2025-main-content__video-section {
  @media (min-width: 960px) {
    margin-bottom: 5rem;
  }
  @media (min-width: 1440px) {
    width: 100vw;

    position: relative;

    margin-left: calc(-50vw + 50%) !important;

    margin-right: calc(-50vw + 50%) !important;
  }
}

.video-section__header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  @media (min-width: 480px) {
    border-top: 1px solid #F3EFE5;

    margin-bottom: 1.5rem;
  }
  @media (min-width: 1440px) {
    max-width: 1376px;

    margin: 0 auto;

    margin-bottom: 1.5rem;
  }
}

.video-section__header h2.video-section__header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(243, 239, 229, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.video-section__content {
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (min-width: 480px) {
  .video-section__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  .video-section__content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .video-section__content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.video-section__content {
  @media (min-width: 1440px) {
    max-width: 1376px;

    margin: 0 auto;
  }
}

.video-section__content__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #848484;
  &:first-child {
    padding-top: 0px;
    border-top: none;
  }
  &:last-child {
    display: none;
  }
  @media (min-width: 480px) {
    border-top: none;

    &:nth-child(1)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(132, 132, 132, var(--tw-bg-opacity));
      content: '';
      right: -0.75rem;
      width: 1px;
    }

    &:nth-last-child(2) {
      display: none;
    }

    position: relative;

    padding-top: 0px;
  }
  @media (min-width: 768px) {
    &:nth-last-child(2) {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    &:nth-child(2)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(132, 132, 132, var(--tw-bg-opacity));
      content: '';
      right: -0.75rem;
      width: 1px;
    }
  }
  @media (min-width: 1280px) {
    &:last-child {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    &:nth-child(3)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(132, 132, 132, var(--tw-bg-opacity));
      content: '';
      right: -0.75rem;
      width: 1px;
    }
  }
}

.video-section__content__item__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 203px;
  /* fallback */
}

/* 360px - 479px → 184.44 */

@media (min-width: 360px) and (max-width: 479px) {
  .video-section__content__item__img {
    height: calc(184.44px);
    /* può anche essere fluida ma varia poco */
  }
}

/* 480px - 767px → 110.08 */

@media (min-width: 480px) and (max-width: 767px) {
  .video-section__content__item__img {
    height: calc(110.08px + (12.73 * (100vw - 480px) / 287));
    /* 110.08 → 122.81 */
  }
}

/* 768px - 959px → 122.81 → 158.88 */

@media (min-width: 768px) and (max-width: 959px) {
  .video-section__content__item__img {
    height: calc(122.81px + (36.07 * (100vw - 768px) / 191));
  }
}

/* 960px - 1279px → 158.88 → 160.75 */

@media (min-width: 960px) and (max-width: 1279px) {
  .video-section__content__item__img {
    height: calc(158.88px + (1.87 * (100vw - 960px) / 319));
  }
}

/* 1280px - 1439px → 160.75 → 183.24 */

@media (min-width: 1280px) and (max-width: 1439px) {
  .video-section__content__item__img {
    height: calc(160.75px + (22.49 * (100vw - 1280px) / 159));
  }
}

/* 1440px+ */

@media (min-width: 1440px) {
  .video-section__content__item__img {
    height: 183.24px;
  }
}

.video-section__content__item__tag {
  display: flex;
  align-items: center;
  gap: 5px;
}

.video-section__content__item__tag--play-icon {
  height: 1.25rem;
  width: 1.25rem;
  background-image: url('/assets/img/new-homepage/icons/play-podcast-icon.svg');
  background-repeat: no-repeat;
  vertical-align: unset;
  background-size: contain;
}

.video-section__content__item__tag p {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 900;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(107, 176, 255, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.video-section__content__item__title {
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.home-2025-main-content__portfolio {
  margin-bottom: 2.5rem
}

@media (min-width: 480px) {
  .home-2025-main-content__portfolio {
    margin-bottom: 2rem;
  }
}

.home-2025-main-content__portfolio {
  @media (min-width: 960px) {
    margin-bottom: 5.5rem;
  }
}

.portfolio__header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #23211D;
  @media (min-width: 480px) {
    margin-bottom: 1.5rem;
  }
}

.portfolio__header h2.portfolio__header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.portfolio__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 480px) {
  .portfolio__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  .portfolio__content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .portfolio__content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.portfolio__content__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #C2C2C2;
  &:first-child {
    padding-top: 0px;
    border-top: none;
  }
  &:last-child {
    display: none;
  }
  @media (min-width: 480px) {
    border-top: none;

    &:nth-child(1)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(132, 132, 132, var(--tw-bg-opacity));
      content: '';
      right: -0.75rem;
      width: 1px;
    }

    &:nth-last-child(2) {
      display: none;
    }

    position: relative;

    padding-top: 0px;
  }
  @media (min-width: 768px) {
    &:nth-last-child(2) {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    &:nth-child(2)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(132, 132, 132, var(--tw-bg-opacity));
      content: '';
      right: -0.75rem;
      width: 1px;
    }
  }
  @media (min-width: 1280px) {
    &:last-child {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    &:nth-child(3)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(132, 132, 132, var(--tw-bg-opacity));
      content: '';
      right: -0.75rem;
      width: 1px;
    }
  }
}

.portfolio__content__item__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 203px; /* fallback */
}

/* 360px – 479px: fissa */

@media (min-width: 360px) and (max-width: 479px) {
  .portfolio__content__item__img {
    height: 218.96px;
  }
}

/* 480px – 767px: 130.66 → 145.77 */

@media (min-width: 480px) and (max-width: 767px) {
  .portfolio__content__item__img {
    height: calc(130.66px + (15.11 * (100vw - 480px) / 287));
  }
}

/* 768px – 959px: 145.77 → 188.44 */

@media (min-width: 768px) and (max-width: 959px) {
  .portfolio__content__item__img {
    height: calc(145.77px + (42.67 * (100vw - 768px) / 191));
  }
}

/* 960px – 1279px: 188.44 → 190.66 */

@media (min-width: 960px) and (max-width: 1279px) {
  .portfolio__content__item__img {
    height: calc(188.44px + (2.22 * (100vw - 960px) / 319));
  }
}

/* 1280px – 1439px: 190.66 → 217.33 */

@media (min-width: 1280px) and (max-width: 1439px) {
  .portfolio__content__item__img {
    height: calc(190.66px + (26.67 * (100vw - 1280px) / 159));
  }
}

/* 1440px+: fisso */

@media (min-width: 1440px) {
  .portfolio__content__item__img {
    height: 217.33px;
  }
}

.portfolio__content__item__title {
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

@media (min-width: 480px) {
  .portfolio__content__item__title {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
}

@media (min-width: 960px) {
  .portfolio__content__item__title {
    font-size: 1.75rem;
    line-height: 1.875rem;
  }
}

.portfolio__content__item__paragraph {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.portfolio__content__item__byline {
  display: inline;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.home-2025-main-content__pop {
  margin-bottom: 2.5rem
}

@media (min-width: 480px) {
  .home-2025-main-content__pop {
    margin-bottom: 2rem;
  }
}

.home-2025-main-content__pop {
  @media (min-width: 960px) {
    margin-bottom: 5.5rem;
  }
}

.pop__header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #23211D;
  @media (min-width: 480px) {
    margin-bottom: 1.5rem;
  }
}

.pop__header h2.pop__header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.pop__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 480px) {
  .pop__content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  .pop__content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .pop__content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.pop__content__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #848484;
  &:first-child {
    padding-top: 0px;
    border-top: none;
  }
  &:nth-child(2), &:nth-child(3), &:nth-child(4) {
    display: none;
  }
  @media (min-width: 480px) {
    border-top: none;

    &:nth-child(1)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(132, 132, 132, var(--tw-bg-opacity));
      content: '';
      right: -0.75rem;
      width: 1px;
    }

    &:nth-child(2) {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    position: relative;

    padding-top: 0px;
  }
  @media (min-width: 768px) {
    &:nth-child(3) {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    &:nth-child(2)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(132, 132, 132, var(--tw-bg-opacity));
      content: '';
      right: -0.75rem;
      width: 1px;
    }
  }
  @media (min-width: 1280px) {
    &:nth-child(4) {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    &:nth-child(3)::after {
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(132, 132, 132, var(--tw-bg-opacity));
      content: '';
      right: -0.75rem;
      width: 1px;
    }
  }
}

.pop__content__item__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* height: 203px; */
}

.pop__content__item:nth-child(1) .pop__content__item__img {
  @media (min-width: 360px) {
    height: 241px;
  }
  @media (min-width: 480px) {
    height: 196px;
  }
  @media (min-width: 481px) and (max-width: 767px) {
    height: calc(196px + (23 * (100vw - 480px) / 287));
  }
  @media (min-width: 768px){
    height: 219px;
  }
  @media (min-width: 769px) and (max-width: 959px) {
    height: calc(219px + (64 * (100vw - 768px) / 191));
  }
  @media (min-width: 960px){
    height: 283px;
  }
  @media (min-width: 961px) and (max-width: 1279px) {
    height: calc(283px + (3 * (100vw - 961px) / 318));
  }
  @media (min-width: 1280px){
    height: 286px;
  }
  @media (min-width: 1281px) and (max-width: 1439px) {
    height: calc(286px + (40 * (100vw - 1240px) / 199));
  }
  @media (min-width: 1440px){
    height: 326px;
  }
}

.pop__content__item:nth-child(2) .pop__content__item__img {
  @media (min-width: 480px) {
    height: 147px;
  }
  @media (min-width: 481px) and (max-width: 767px) {
    height: calc(147px + (17 * (100vw - 481px) / 286));
  }
  @media (min-width: 768px){
    height: 164px;
  }
  @media (min-width: 769px) and (max-width: 959px) {
    height: calc(164px + (24 * (100vw - 769px) / 190));
  }
  @media (min-width: 960px) {
    height: 188px;
  }
  @media (min-width: 961px) and (max-width: 1279px) {
    height: calc(188px + (3 * (100vw - 961px) / 318));
  }
  @media (min-width: 1280px) {
    height: 191px;
  }
  @media (min-width: 1281px) and (max-width: 1439px) {
    height: calc(191px + (26 * (100vw - 1240px) / 199));
  }
  @media (min-width: 1440px){
    height: 217px;
  }
}

.pop__content__item:nth-child(3) .pop__content__item__img {
  @media (min-width: 768px){
    height: 282px;
  }
  @media (min-width: 769px) and (max-width: 959px) {
    height: calc(282px + (84 * (100vw - 769px) / 190));
  }
  @media (min-width: 960px){
    height: 366px;
  }
  @media (min-width: 961px) and (max-width: 1279px) {
    height: calc(366px + (4 * (100vw - 961px) / 318));
  }
  @media (min-width: 1280px){
    height: 370px;
  }
  @media (min-width: 1281px) and (max-width: 1439px) {
    height: calc(370px + (52 * (100vw - 1240px) / 199));
  }
  @media (min-width: 1440px){
    height: 422px;
  }
}

.pop__content__item:nth-child(4) .pop__content__item__img {
  @media (min-width: 1280px){
    height: 286px;
  }
  @media (min-width: 1281px) and (max-width: 1439px) {
    height: calc(286px + (40 * (100vw - 1281px) / 158));
  }
  @media (min-width: 1440px){
    height: 326px;
  }
}

.pop__content__item__title {
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

@media (min-width: 960px) {
  .pop__content__item__title {
    font-size: 1.75rem;
    line-height: 1.875rem;
  }
}

.pop__content__item__paragraph {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

.pop__content__item__byline {
  display: inline;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.pop__content__small-articles {
  border-top: 1px solid #C2C2C2;
  @media (min-width: 480px) {
    display: none;
  }
}

.home-2025-main-content__horoscope {
  margin-bottom: 2.5rem
}

@media (min-width: 480px) {
  .home-2025-main-content__horoscope {
    margin-bottom: 2rem;
  }
}

.home-2025-main-content__horoscope {
  @media (min-width: 960px) {
    margin-bottom: 5.5rem;
  }
}

/* Header */

.horoscope__header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #23211D;
  @media (min-width: 480px) {
    margin-bottom: 1.5rem;
  }
}

.horoscope__header h2.horoscope__header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.horoscope__header__title--author {
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
}

/* Content */

.horoscope__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  @media (min-width: 768px) {
    display: grid;

    grid-template-columns: 65.53125% 31.0610795%;

    gap: 1.5rem;
  }
  @media (min-width: 960px) {
    display: block;

    gap: 0px;
  }
  @media (min-width: 1280px) {
    display: grid;

    grid-template-columns: 74.5065789% 23.5197368%;

    gap: 1.5rem;
  }
}

/* Featured */

.horoscope__content__featured {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  @media (min-width: 480px) {
    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      grid-column-start: 2;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      transform: translateX(calc(-0.75rem));
      width: 1px;
    }

    position: relative;

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 1.5rem;
  }
  @media (min-width: 960px) {
    grid-template-columns: 31.5848214% 65.7366071%;
  }
}

.horoscope__content__featured__header {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  @media (min-width: 480px) {
    gap: 0;

    justify-content: space-between;
  }
}

.horoscope__content__featured__header__title {
  font-family: Stencil, Georgia, Times New Roman, Times, serif;
  font-size: 2.75rem;
  line-height: 2.75rem;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  letter-spacing: -0.02em;
  font-weight: normal;
}

.horoscope__content__featured__header__icon {
  width: 128px;
  height: 120px;
}

.horoscope__content__featured__text {
  padding-top: 1rem;
  padding-bottom: 2rem;
  border-top: 1px solid #C2C2C2;
  @media (min-width: 480px) {
    border-top: none;

    padding-top: 0px;

    padding-bottom: 0px;
  }
}

.horoscope__content__featured__text__paragraph {
  font-size: 1.875rem;
  line-height: 2rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
  @media (min-width: 480px) {
    font-size: 1.375rem;

    line-height: 1.5rem;
  }
  @media (min-width: 960px) {
    font-size: 1.875rem;

    line-height: 2rem;
  }
}

.horoscope__content__featured__text__paragraph--read {
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
}

/* Signs */

.horoscope__content__signs {
  display: none;
  @media (min-width: 768px) {
    height: -moz-fit-content;
    height: fit-content;

    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      grid-column-start: 1;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      transform: translateX(calc(-0.75rem));
      width: 1px;
    }

    position: relative;

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    gap: 0.5rem;
  }
  @media (min-width: 960px) {
    display: none;
  }
  @media (min-width: 1280px) {
    grid-template-columns: 1fr 1fr;

    grid-auto-flow: column;

    row-gap: 0.5rem;

    -moz-column-gap: 0.75rem;

         column-gap: 0.75rem;

    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      grid-column-start: 1;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      transform: translateX(calc(-0.75rem));
      width: 1px;
    }

    position: relative;

    display: grid;
  }
}

.horoscope__content__signs__item {
  padding-top: 0.5rem;
  border-top: 1px solid #C2C2C2;
  &:first-child {
    padding-top: 0px;
    border-top: none;
  }
  &:nth-child(n+7) {
    display: none;
  }
  @media (min-width: 1280px) {
    &:nth-child(7) {
      padding-top: 0px;
      border-top: none;
    }

    &:nth-child(-n+6) {
      grid-column: 1;
    }

    &:nth-child(n+7) {
      display: block;
      grid-column: 2;
    }
  }
}

.horoscope__content__signs__item__title {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

@media (min-width: 480px) {
  .horoscope__content__button {
    display: none;
  }
}

.horoscope__content__button {
  width: 110px;
  height: 40px;
  align-content: center;
}

.home-2025__btn-outline-primary {
  font-size: 1.125rem;
  line-height: 1.375rem;
  width: 100%;
  height: 100%;
  padding: 9px 8px;
  border-radius: 4px;
  border: 1px solid #005BA2;
  font-weight: 400;
  color: #005BA2;
}

.home-2025-main-content__issue {
  margin-bottom: 2.5rem
}

@media (min-width: 480px) {
  .home-2025-main-content__issue {
    margin-bottom: 2rem;
  }
}

.home-2025-main-content__issue {
  @media (min-width: 960px) {
    margin-bottom: 5.5rem;
  }
}

/* Header */

.issue__header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid #23211D;
  @media (min-width: 480px) {
    margin-bottom: 1.5rem;
  }
}

.issue__header h2.issue__header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

/*  Content */

.issue__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  @media (min-width: 480px) {
    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      grid-column-start: 2;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      transform: translateX(calc(-0.75rem));
      width: 1px;
    }

    position: relative;

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 1.5rem;
  }
  @media (min-width: 768px) {
    grid-template-columns: 65.53125% 31.0610795%;
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.issue__content__info {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media (min-width: 768px) {
  .issue__content__info {
    position: relative;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

.issue__content__info {
  &::before {
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    grid-column-start: 2;
    --tw-bg-opacity: 1;
    background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
    transform: translateX(calc(-0.75rem));
    width: 1px;
  }
}

.issue__content__info__cover__img {
  width: 100%;
  height: 443px;
  @media (min-width: 393px) {
    height: 487px;
  }
  @media (min-width: 480px) {
    height: 295px;
  }
  @media (min-width: 768px) {
    height: auto;
  }
}

.issue__content__info__text {
  display: none;
  font-size: 1.875rem;
  line-height: 2rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .issue__content__info__text {
    display: block;
  }
}

@media (min-width: 960px) {
  .issue__content__info__text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
}

.issue__content__info__text__title {
  display: none;
}

@media (min-width: 960px) {
  .issue__content__info__text__title {
    display: block;
  }
}

.issue__content__info__text__paragraph {
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
  @media (min-width: 960px) {
    font-size: 1.875rem;

    line-height: 2rem;
  }
}

@media (min-width: 480px) {
  .issue__content__articles--small {
    display: none;
  }
}

.issue__content__articles--small {
  border-top: 1px solid #C2C2C2;
}

.issue__content__articles--large {
  display: none
}

@media (min-width: 480px) {
  .issue__content__articles--large {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .issue__content__articles--large {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

.issue__content__articles--large {
  @media (min-width: 1280px) {
    grid-auto-flow: column;

    row-gap: 1.5rem;

    align-self: start;

    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      grid-column-start: 2;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      transform: translateX(calc(-0.75rem));
      width: 1px;
    }
  }
}

.issue__content__articles--large__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid #C2C2C2;
  &:first-child {
    padding-top: 0px;
    border-top: none;
  }
  &:nth-child(n+4) {
    display: none;
  }
  @media (min-width: 1280px) {
    &:nth-child(4) {
      padding-top: 0px;
      border-top: none;
    }

    &:nth-child(n+4) {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      grid-column: 2;
    }
  }
}

.issue__content__articles--large__item__tag {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0 !important;
  font-weight: 900;
  color: #005BA2;
}

.issue__content__articles--large__item h4.issue__content__articles--large__item__title {
  font-size: 1.125rem !important;
  line-height: 1.375rem !important;
  --tw-text-opacity: 1 !important;
  color: rgba(35, 33, 29, var(--tw-text-opacity)) !important;
  font-weight: 900 !important;
  margin-bottom: 0 !important;
}

.issue__footer {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 1.5rem;
}

@media (min-width: 480px) {
  .issue__footer {
    margin-top: 1.5rem;
  }
}

@media (min-width: 768px) {
  .issue__footer {
    flex-direction: row;
    justify-content: space-between;
  }
}

.issue__footer {
  border-top: 1px solid #C2C2C2;
}

.issue__footer__details {
  display: flex;
  gap: 0.5rem;
}

@media (min-width: 480px) {
  .issue__footer__details {
    justify-content: flex-start;
  }
}

.issue__footer__details__date, .issue__footer__details__number {
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

.issue__footer__buttons {
  display: flex;
  gap: 0.75rem;
  white-space: nowrap;
}

.issue__footer__buttons--read-issue,
.issue__footer__buttons--other {
  height: 40px;
  align-content: center;
}

.podcasts-container {
  margin-bottom: 2.5rem
}

@media (min-width: 768px) {
  .podcasts-container {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .podcasts-container {
    margin-bottom: 2rem;
  }
}

.podcasts-container {
  border-top: 1px solid #23211D;
  @media (min-width: 960px) {
    margin-bottom: 5rem;
  }
}

.podcasts__header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.podcasts__content {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 768px) {
  .podcasts__content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .podcasts__content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}

.podcasts__header h2.podcasts__header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.podcasts__content__item {
  display: flex;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(35, 33, 29, var(--tw-bg-opacity));
  padding: 1rem;
  gap: 0.625rem;
  .podcasts__content &:nth-child(4) {
    display: none;
  }
  @media (min-width: 768px) {
    gap: 1rem;

    flex-direction: column-reverse;

    justify-content: flex-end;
  }
  @media (min-width: 1280px) {
    .podcasts__content &:nth-child(4) {
      display: flex;
    }
  }
}

.podcasts__content__item__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 72%;
  @media (min-width: 768px) {
    width: auto;
  }
}

.podcasts__content__item__info__title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.podcasts__content__item__info__title-wrapper--play-icon {
  height: 1.3rem;
  width: 1.3rem;
  background-image: url('/assets/img/new-homepage/icons/play-podcast-icon.svg');
  background-repeat: no-repeat;
  vertical-align: unset;
}

.podcasts__content__item__info__title-wrapper h3.podcasts__content__item__info__title-wrapper--title {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 900;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(107, 176, 255, var(--tw-text-opacity));
  letter-spacing: 1.5px;
  @media (min-width: 360px) and (max-width: 479px){
    flex:1;
  }
}

.podcasts__content__item__info__last-episode--paragraph {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.podcasts__content__item__logo {
  display: flex;
  justify-content: flex-end;
  width: 36.5%;
  @media (min-width: 480px) {
    width: 26%;
  }
  @media (min-width: 768px) {
    width: auto;

    justify-content: center;
  }
}

.podcasts__content__item__logo img {
  height: 6rem;
  width: 6rem;
  border-radius: 0.5rem;
}

@media (min-width: 768px) {
  .podcasts__content__item__logo img {
    height: auto;
    width: auto;
  }
}

/* 768–959px: crescita fluida da 186.66px a 256px */

@media (min-width: 768px) and (max-width: 959px) {
  .podcasts__content__item__logo img {
    height: calc(186.66px + (69.34 * (100vw - 768px) / 191));
  }
}

/* 960–1279px: crescita fluida da 256px a 260px */

@media (min-width: 960px) and (max-width: 1279px) {
  .podcasts__content__item__logo img {
    height: calc(256px + (4 * (100vw - 960px) / 319)) !important;
  }
}

/* 1280–1439px: crescita fluida da 260px a 300px */

@media (min-width: 1280px) and (max-width: 1439px) {
  .podcasts__content__item__logo img {
    height: calc(260px + (40 * (100vw - 1280px) / 159)) !important;
  }
}

/* 1440px+: altezza fissa 300px */

@media (min-width: 1440px) {
  .podcasts__content__item__logo img {
    height: 300px !important;
  }
}

.home-2025-main-content__newsletters {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgba(0, 36, 64, var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 4rem
}

@media (min-width: 480px) {
  .home-2025-main-content__newsletters {
    margin-left: -2rem;
    margin-right: -2rem;
    margin-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1440px) {
  .home-2025-main-content__newsletters {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.home-2025-main-content__newsletters {
  @media (min-width: 960px) {
    margin-bottom: 5rem;
  }
  @media (min-width: 1440px) {
    width: 100vw;

    position: relative;

    margin-left: calc(-50vw + 50%) !important;

    margin-right: calc(-50vw + 50%) !important;
  }
}

.newsletters-header {
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem
}

@media (min-width: 480px) {
  .newsletters-header {
    display: flex;
    justify-content: space-between;
  }
}

.newsletters-header {
  @media (min-width: 1440px) {
    max-width: 1376px;

    margin: 0 auto;

    margin-bottom: 1.5rem;
  }
}

.newsletters-header h2.newsletters-header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  letter-spacing: 0.18px;
}

.newsletters-header__link {
  display: none !important;
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
}

@media (min-width: 480px) {
  .newsletters-header__link {
    display: block !important;
    font-weight: 400 !important;
  }
}

.newsletters-header__link {
  @media (min-width: 480px) {
    text-decoration: underline;

    font-size: 1.25rem;

    line-height: 1.625rem;
  }
}

.newsletters-content {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

@media (min-width: 480px) {
  .newsletters-content {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (min-width: 768px) {
  .newsletters-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .newsletters-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.newsletters-content {
  & .newsletters-content__item:nth-child(n+5) {
    display: none;
  }
  @media (min-width: 480px) {
    & .newsletters-content__item:nth-child(n+4) {
      display: none;
    }

    &::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #88BFE1;
      top: calc(400px);
    }
  }
  @media (min-width: 768px) {
    & .newsletters-content__item:nth-child(4) {
      display: flex;
    }

    &::after {
      top: calc(240px + 1.5rem);
    }
  }
  @media (min-width: 1280px) {
    & .newsletters-content__item:nth-child(n+5) {
      display: flex;
    }

    &::after {
      top: 320px;
    }
  }
  @media (min-width: 1440px) {
    max-width: 1376px;

    margin: 0 auto;
  }
}

.newsletters-content__item {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 1rem
}

@media (min-width: 480px) {
  .newsletters-content__item {
    position: relative;
    gap: 1.5rem;
  }
}

.newsletters-content__item {
  border-top: 1px solid #88BFE1;
  @media (min-width: 480px) {
    border-top: none;

    .newsletters-content &:nth-child(2)::after {
      content: '';
      position: absolute;
      top: 1rem;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(136, 191, 225, var(--tw-bg-opacity));
      left: calc(100% + 0.75rem);
      width: 1px;
    }
  }
  @media (min-width: 768px) {
    .newsletters-content &:nth-child(3)::after {
      content: '';
      position: absolute;
      top: 1rem;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(136, 191, 225, var(--tw-bg-opacity));
      left: calc(100% + 0.75rem);
      width: 1px;
    }
  }
  @media (min-width: 1280px) {
    .newsletters-content &:nth-child(2) {
      padding-top: 0px;
    }

    .newsletters-content &:nth-child(2)::after {
      top: 0;
      left: auto;
      right: calc(100% + 0.75rem);
    }

    .newsletters-content &:nth-child(4)::after,
        .newsletters-content &:nth-child(5)::after {
      content: '';
    }

    .newsletters-content &:nth-child(4)::after, .newsletters-content &:nth-child(5)::after {
      position: absolute;
      top: 1rem;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(136, 191, 225, var(--tw-bg-opacity));
    }

    .newsletters-content &:nth-child(4)::after,
        .newsletters-content &:nth-child(5)::after {
      left: calc(100% + 0.75rem);
      width: 1px;
    }
  }
}

.newsletters-content .newsletters-content__item:first-child {
  gap: 1.5rem;
  padding-top: 0px;
  border-top: none;
  @media (min-width: 480px) {
    grid-column: 1 / span 2;
  }
  @media (min-width: 768px) {
    grid-column: 1 / span 3;

    gap: unset;

    height: 240px;

    flex-direction: row;
  }
  .newsletters-content__item__header {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
  }
  @media (min-width: 480px) {
    .newsletters-content__item__header {
      height: 100%;
      gap: 1rem;
    }
  }
  @media (min-width: 768px) {
    .newsletters-content__item__header {
      justify-content: space-between;
      padding-right: 0.75rem;
    }
  }
  .newsletters-content__item__header {
    @media (min-width: 768px) {
      border-right: 1px solid #88BFE1;

      width: 33.1%;
    }
    @media (min-width: 1280px) {
      height: 295px;
    }
  }
  .newsletters-content__item__header__title {
    font-family: Stencil, Georgia, Times New Roman, Times, serif;
    font-size: 2.75rem;
    line-height: 2.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    letter-spacing: -0.44px;
  }
  .newsletters-content__item__header__img {
    display: block;
    border-radius: 9999px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 5.625rem;
    height: 5.625rem;
    background: #B4DBD9;
    /* border-radius: 40px; */
  }
  .newsletters-content__item__content {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
  }
  @media (min-width: 768px) {
    .newsletters-content__item__content {
      justify-content: space-between;
      padding-top: 0px;
      padding-left: 0.75rem;
    }
  }
  .newsletters-content__item__content {
    @media (min-width: 480px) {
      border-top: none;
    }
    @media (min-width: 768px) {
      width: 67.3295455%;
    }
    @media (min-width: 1280px) {
      height: 295px;
    }
  }
  .newsletters-content__item__content__paragraph {
    font-size: 1.875rem;
    line-height: 2rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgba(136, 191, 225, var(--tw-text-opacity));
  }
}

@media (min-width: 480px) {
  .newsletters-content__item__header {
    height: 4rem;
  }
}

.newsletters-content__item__header__title {
  font-family: Stencil, Georgia, Times New Roman, Times, serif;
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  letter-spacing: -0.32px;
}

.newsletters-content__item__header__img {
  display: none;
}

.newsletters-content__item__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #88BFE1;
}

.newsletters-content__item__content__paragraph {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(136, 191, 225, var(--tw-text-opacity));
  margin-bottom: 0 !important;
  @media (min-width: 768px) {
    height: 126px;
  }
}

.newsletters-content__item:first-of-type .newsletters-content__item__content__paragraph p {
  font-size: 1.875rem;
  line-height: 2rem;
  font-weight: 400;
}

.newsletters-content__item__content__paragraph a {
  text-decoration: underline;
  color: #88BFE1;
}

.newsletters-content__item__content__link {
  height: 2rem;
  width: 2rem;
  background-image: url('/assets/img/new-homepage/icons/home-newsletter-icon.svg');
  background-repeat: no-repeat;
  vertical-align: unset;
  display: flex;
  justify-content: space-between;
  /* distribute space between items */
  align-items: flex-end;
  /* allinea verticalmente in basso */
  position: relative;
}

.newsletters-footer {
  padding-top: 1rem;
}

@media (min-width: 480px) {
  .newsletters-footer {
    display: none;
  }
}

.newsletters-footer {
  border-top: 1px solid #88BFE1;
}

.newsletters-footer__link {
  font-size: 1.25rem !important;
  line-height: 1.625rem !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
  text-decoration: underline;
}

.home-2025-main-content__topic-kids {
  margin-bottom: 2.5rem
}

@media (min-width: 480px) {
  .home-2025-main-content__topic-kids {
    margin-bottom: 2rem;
  }
}

.home-2025-main-content__topic-kids {
  border-top: 1px solid #23211D;
  @media (min-width: 960px) {
    margin-bottom: 5.5rem;
  }
}

.topic-kids-header {
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  @media (min-width: 480px) {
    margin-bottom: 1.5rem;
  }
}

.topic-kids-header__logo {
  width: 129.2825469970703px;
  height: 72px;
  @media (min-width: 480px) {
    width: 158.0120086669922px;

    height: 88px;
  }
  @media (min-width: 960px) {
    width: 186.741455078125px;

    height: 104px;
  }
}

.topic-kids-content {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
  @media (min-width: 768px) {
    grid-template-columns: 65.48% 31.8%;

    gap: 1.5rem;

    position: relative;

    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      left: calc(65.48% + 0.75rem);
      width: 1px;
    }
  }
  @media (min-width: 1280px) {
    grid-template-columns: 49% 23.52% auto;

    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      left: calc(49% + 0.75rem);
      width: 1px;
    }

    &::after {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      left: calc(72.52% + 2.25rem);
      width: 1px;
    }
  }
}

.topic-kids-content__main-article {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.topic-kids-content__main-article__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* height: 241px; */
  @media (min-width: 360px) {
    height: 218.96px;
  }
  @media (min-width: 480px) {
    height: 268.83px;
  }
  @media (min-width: 481px) and (max-width: 766px) {
    height: calc(269px + (29 * (100vw - 481px) / 286));
  }
  @media (min-width: 768px) {
    height: 298px;
  }
  @media (min-width: 769px) and (max-width: 959px) {
    height: calc(298px + (83 * (100vw - 769px) / 190));
  }
  @media (min-width: 960px) {
    height: 381px;
  }
  @media (min-width: 961px) and (max-width: 1279px) {
    height: calc(382px + (3 * (100vw - 961px) / 318));
  }
  @media (min-width: 1280px){
    height: 385px;
  }
  @media (min-width: 1281px) and (max-width: 1439px) {
    height: calc(385px + (52 * (100vw - 1281px) / 158));
  }
  @media (min-width: 1440px) {
    height: 437px;
  }
}

.topic-kids-content__main-article__title {
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  @media (min-width: 480px) {
    font-size: 2.25rem;

    line-height: 2.25rem;
  }
  @media (min-width: 960px) {
    font-size: 2.5rem;

    line-height: 2.5rem;
  }
}

.topic-kids-content__main-article__paragraph {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin: 0 !important;
}

.topic-kids-content__main-article__byline {
  display: inline;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin: 0 !important;
}

.topic-kids-content__medium-articles {
  display: none;
  @media (min-width: 768px) {
    grid-column: 2;

    grid-row: 1 / span 4;

    display: flex;

    flex-direction: column;

    gap: 1rem;
  }
}

.topic-kids-content__medium-articles__item {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #C2C2C2;
  &:nth-child(3) {
    padding-bottom: 0px;
  }
  &:last-child {
    border-bottom: none;
  }
}

.topic-kids-content__medium-articles__item__title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

.topic-kids-content__medium-articles__item__paragraph {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 1rem !important;
}

.topic-kids-content__medium-articles__item__byline {
  display: inline;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.topic-kids-content__small-articles {
  @media (min-width: 1280px) {
    grid-column: 3;

    grid-row: 1 / span 4;
  }
  @media (min-width: 360px) and (max-width: 479px) {
    border-top: 1px solid #C2C2C2
  }
}

.home-2025-main-content__topic-festival {
  margin-bottom: 2.5rem
}

@media (min-width: 480px) {
  .home-2025-main-content__topic-festival {
    margin-bottom: 2rem;
  }
}

.home-2025-main-content__topic-festival {
  border-top: 1px solid #23211D;
  @media (min-width: 960px) {
    margin-bottom: 5.5rem;
  }
}

.topic-festival-header {
  margin-bottom: 1rem;
  display: flex;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 480px) {
  .topic-festival-header {
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .topic-festival-header {
    justify-content: space-between;
  }
}

.topic-festival-header__logo {
  width: 173.02162170410156px;
  height: 51.175872802734375px;
  @media (min-width: 480px){
    width: 240px;

    height: 70.99149322509766px;
  }
}

.topic-festival-header__logo--world {
  width: 110.42018127441406px;
  height: 92.57781982421875px;
  margin-left: -2.7rem;
  margin-top: -0.8rem;
  @media (min-width: 480px) {
    display: none;
  }
  @media (min-width: 768px) {
    margin-left: 0;

    margin-top: -1.5rem;

    display: block;
  }
  @media (min-width: 960px) {
    display: none;
  }
  @media (min-width: 1280px) {
    display: block;
  }
}

.topic-festival-content {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
  @media (min-width: 768px) {
    grid-template-columns: 65.48% 31.8%;

    gap: 1.5rem;

    position: relative;

    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      left: calc(65.48% + 0.75rem);
      width: 1px;
    }
  }
  @media (min-width: 1280px) {
    grid-template-columns: 49% 23.52% auto;

    &::before {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      left: calc(49% + 0.75rem);
      width: 1px;
    }

    &::after {
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      --tw-bg-opacity: 1;
      background-color: rgba(194, 194, 194, var(--tw-bg-opacity));
      left: calc(72.52% + 2.25rem);
      width: 1px;
    }
  }
}

.topic-festival-content__main-article {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.topic-festival-content__main-article__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  @media (min-width: 360px) {
    height: 218.96px;
  }
  @media (min-width: 480px) {
    height: 268.83px;
  }
  @media (min-width: 481px) and (max-width: 766px) {
    height: calc(269px + (29 * (100vw - 481px) / 286));
  }
  @media (min-width: 768px) {
    height: 298px;
  }
  @media (min-width: 769px) and (max-width: 959px) {
    height: calc(298px + (83 * (100vw - 769px) / 190));
  }
  @media (min-width: 960px) {
    height: 381px;
  }
  @media (min-width: 961px) and (max-width: 1279px) {
    height: calc(382px + (3 * (100vw - 961px) / 318));
  }
  @media (min-width: 1280px){
    height: 385px;
  }
  @media (min-width: 1281px) and (max-width: 1439px) {
    height: calc(385px + (52 * (100vw - 1281px) / 158));
  }
  @media (min-width: 1440px) {
    height: 437px;
  }
}

.topic-festival-content__main-article__title {
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  @media (min-width: 480px) {
    font-size: 2.25rem;

    line-height: 2.25rem;
  }
  @media (min-width: 960px) {
    font-size: 2.5rem;

    line-height: 2.5rem;
  }
}

.topic-festival-content__main-article__paragraph {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin: 0 !important;
}

.topic-festival-content__main-article__byline {
  display: inline;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin: 0 !important;
}

.topic-festival-content__medium-articles {
  display: none;
  @media (min-width: 768px) {
    grid-column: 2;

    grid-row: 1 / span 4;

    display: flex;

    flex-direction: column;

    gap: 1rem;
  }
}

.topic-festival-content__medium-articles__item {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #C2C2C2;
  &:nth-child(3) {
    padding-bottom: 0px;
  }
  &:last-child {
    border-bottom: none;
  }
}

.topic-festival-content__medium-articles__item__title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

.topic-festival-content__medium-articles__item__paragraph {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 1rem !important;
}

.topic-festival-content__medium-articles__item__byline {
  display: inline;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
  margin-bottom: 0 !important;
}

.topic-festival-content__small-articles {
  @media (min-width: 1280px) {
    grid-column: 3;

    grid-row: 1 / span 4;
  }
  @media (min-width: 360px) and (max-width: 479px){
    border-top: 1px solid #C2C2C2;
  }
}

.home-2025-main-content__most-popular {
  margin-bottom: 3rem
}

@media (min-width: 480px) {
  .home-2025-main-content__most-popular {
    margin-bottom: 2rem;
  }
}

.home-2025-main-content__most-popular {
  border-top: 1px solid #23211D;
  @media (min-width: 960px) {
    margin-bottom: 5.5rem;
  }
}

.most-popular-header {
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.most-popular-header h2.most-popular-header__title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 36, 64, var(--tw-text-opacity));
  letter-spacing: 0.18px;
  font-weight: 900 !important;
}

.most-popular-content {
  margin-right: -1rem;
  @media (min-width: 480px) {
    margin-right: -2rem;
  }
  @media (min-width: 768px) {
    margin-right: 0;
  }
}

.most-popular-content__items-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 1.5rem;
  overflow-x: auto;
  padding-right: 1rem;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  counter-reset: most-popular-counter 0;
  @media (min-width: 480px) {
    padding-right: 2rem;
  }
  @media (min-width: 768px) {
    -ms-scroll-snap-type: none;
        scroll-snap-type: none;

    -webkit-overflow-scrolling: auto;

    scrollbar-width: auto;

    /* Firefox */

    -ms-overflow-style: auto;

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 1.5rem;

    overflow-x: visible;

    padding-right: 0px;
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.most-popular-content__items-container::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}

.most-popular-content__items-container__item {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  scroll-snap-align: start;
  /* flex: 0 0 70%; */
  /* max-width: 70%; */
  box-sizing: border-box;
  &:nth-child(4) {
    display: none;
  }
  @media (width: 360px) {
    flex: 0 0 70%;

    max-width: 70%;
  }
  @media (min-width: 361px) and (max-width:459px) {
    flex: 0 0 70%;

    max-width: 70%;
  }
  @media (min-width: 460px) {
    flex: 0 0 50%;

    max-width: 100%;
  }
  @media (min-width: 480px) {
    flex: 0 0 52.5%;

    max-width: 52.5%;
  }
  @media (min-width: 768px) {
    flex: none;

    max-width: none;

    width: auto;
  }
  @media (min-width: 1280px) {
    &:nth-child(4) {
      display: flex;
    }
  }
}

.most-popular-content__items-container__item__img {
  /* @apply w-full max-w-full; */
  height: 154px;
  -o-object-fit: cover;
     object-fit: cover;
  @media (min-width: 480px) {
    height: 145px;

    max-width: 100%;
  }
  @media (min-width: 960px) {
    height: 188.44444274902344px;
  }
  @media (min-width: 1280px) {
    height: 190.6666717529297px;
  }
  @media (min-width: 1440px) {
    height: 217.3333282470703px;
  }
}

@media (width: 460px) {
  .most-popular-content__items-container__item__img {
    width: 218px !important;
    height: 145px !important;
  }
}

.most-popular-content__items-container__item__content {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.most-popular-content__items-container__item__content__number {
  font-family: Stencil, Georgia, Times New Roman, Times, serif;
  font-size: 2rem;
  line-height: 1.375rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
}

.most-popular-content__items-container__item__content__number::before {
  content: counter(most-popular-counter);
  counter-increment: most-popular-counter;
  display: inline-block;
}

.most-popular-content__items-container__item__content__title {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

.home-2025-main-content__more {
  display: none
}

@media (min-width: 960px) {
  .home-2025-main-content__more {
    display: block;
  }
}

.home-2025-main-content__more {
  @media (min-width: 960px) {
    margin-bottom: 5.5rem;
  }
}

.home-2025-main-content__more-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 1280px) {
  .home-2025-main-content__more-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.more-content__column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  &:nth-child(4) {
    display: none;
  }
  @media (min-width: 1280px) {
    &:nth-child(4) {
      display: flex;
    }
  }
}

.more-content__column__tag span {
  font-size: 0.9375rem;
  line-height: 0.9375rem;
  font-weight: 900;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgba(0, 91, 162, var(--tw-text-opacity));
  letter-spacing: 1.5px;
}

.more-content__column__items-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.more-content__column__items-container__item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-top: 1px solid #C2C2C2;
  &:first-child {
    border-top: none;
  }
}

.more-content__column__items-container__item__img {
  width: 100%;
  max-width: 100%;
  height: 153.342041015625px;
  -o-object-fit: cover;
     object-fit: cover;
  .more-content__column__items-container__item:nth-child(n+2) & {
    display: none;
  }
  @media (min-width: 1280px) {
    height: 155.15032958984375px;
  }
  @media (min-width: 1440px) {
    height: 176.84967041015625px;
  }
}

.more-content__column__items-container__item__title {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgba(35, 33, 29, var(--tw-text-opacity));
}

.lead {
  grid-row-start: 1;
}

@media (min-width: 360px) {
  .lead {
    margin-top: 1rem;
  }
}

@media (min-width: 480px) {
  .lead {
    grid-column: span 3 / span 3;
    margin-top: 2rem;
  }
}

.lead__content {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (min-width: 960px) {
  .lead__content {
    gap: 1.5rem;
  }
}

.lead__content {
  @media (min-width: 1360px) {
    flex-direction: column;
  }
}

.lead__top-row {
  display: none;
  @media (min-width: 1360px) {
    display: flex;

    flex-direction: row;

    gap: 1.5rem;

    order: 1;
  }
}

.lead__top-row>div {
  @media (min-width: 1360px) {
    flex: 1;
  }
}

.lead__only-title {
  display: block;
  @media (min-width: 1360px) {
    display: block;

    order: 1;

    margin-bottom: 2rem;
  }
}

.block--show-allow-2xl {
  display: none;
  @media (min-width: 1360px) {
    display: block;
  }
}

.block--show-below-2xl {
  @media (min-width: 1360px) {
    display: none;
  }
}

.lead__image-container {
  @media (min-width: 1360px) {
    order: 2;

    /* margin-bottom: 80px; */
  }
}

/* FONT */

.lead__title {
  font-family: Lyon Hed Web Bold, Lyon Text OSF Web, Georgia, Times New Roman, Times, serif;
  text-transform: uppercase;
  /* font-family: "Lyon Hed", "Lyon", Georgia, serif; */
  font-size: 50px;
  line-height: 0.9;
  letter-spacing: 0;
  font-weight: 700 !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  @media (min-width: 393px) {
    font-size: 56px;
  }
  @media (min-width: 768px) {
    max-width: 680px;
  }
  @media (min-width: 960px) and (max-width: 1279px) {
    max-width: 588px;
  }
  @media (min-width: 960px) {
    font-size: 64px;
  }
  @media (min-width: 1280px) {
    max-width: 100%;
  }
  @media (min-width: 1360px) {
    font-size: 80px;
  }
}

.lead__title--with-brief {
  @media (min-width: 960px) and (max-width: 1279px) {
    max-width: 100%;
  }
  @media (min-width: 960px) {
    font-size: 80px;

    & a {
      display: block;
      width: 100%;
    }
  }
}

.lead__paragraph {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 400;
  margin-bottom: 16px !important;
}

.lead__byline {
  display: inline;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.lead__image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 241px;
  @media (min-width: 393px) {
    height: 241px;
  }
  /* sm → md : from 241px to 278px */
  @media (min-width: 394px) and (max-width: 479px) {
    height: calc(241px + (37 * (100vw - 480px) / 287));
  }
  @media (min-width: 480px) {
    height: 278px;
  }
  /* md → md-tablet: da 278px a 470px */
  @media (min-width: 481px) and (max-width: 767px) {
    height: calc(278px + (192 * (100vw - 481px) / 286));
  }
  @media (min-width: 768px) {
    height: 470px;
  }
  /* md-tablet → lg: da 470px a 504px */
  @media (min-width: 769px) and (max-width: 959px) {
    height: calc(470px + (34 * (100vw - 1024px) / 255));
  }
  @media (min-width: 960px) {
    height: 504px;
  }
  /* lg → xl: da 504px a 621px */
  @media (min-width: 969px) and (max-width: 1439px) {
    height: calc(504px + (117 * (100vw - 1280px) / 256));
  }
  @media (min-width: 1360px) {
    height: 621px;
  }
}

/* purgecss end ignore */