/* =========================================================
   ULTIMI ARTICOLI - FINAL 3 CARD MODERN SECTION
   No huge featured card
========================================================= */

.home-latest-articles-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 86px 24px 92px;
  background:
    radial-gradient(circle at 14% 20%, rgba(247, 210, 122, .22), transparent 28%),
    radial-gradient(circle at 88% 34%, rgba(255, 255, 255, .55), transparent 26%),
    radial-gradient(circle at 70% 90%, rgba(157, 84, 21, .08), transparent 32%),
    linear-gradient(180deg, #f6ecd8 0%, #fbf7ef 52%, #fffaf1 100%);
  color: #2d261d;
}

.home-latest-articles-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .34;
  background-image:
    linear-gradient(90deg, rgba(142, 108, 45, .05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(142, 108, 45, .035) 1px, transparent 1px);
  background-size: 34px 34px;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 82%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, #000 16%, #000 82%, transparent 100%);
}

.home-latest-articles-section::after {
  content: "";
  position: absolute;
  inset: -18%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 24% 34%, rgba(247, 210, 122, .20), transparent 24%),
    radial-gradient(circle at 78% 64%, rgba(255, 255, 255, .34), transparent 28%);
  opacity: .7;
  animation: latestArticlesSoftBgMove 14s ease-in-out infinite alternate;
}

@keyframes latestArticlesSoftBgMove {
  from {
    transform: translate3d(-14px, -8px, 0) scale(1);
  }

  to {
    transform: translate3d(16px, 10px, 0) scale(1.04);
  }
}

.home-latest-articles-container {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  margin: 0 auto;
}

.home-latest-articles-head {
  max-width: 760px;
  margin: 0 auto 34px;
  text-align: center;
}

.home-latest-articles-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  color: #9d5415;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.home-latest-articles-title {
  margin: 0;
  color: #2d261d;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.home-latest-articles-lead {
  max-width: 680px;
  margin: 14px auto 0;
  color: rgba(45, 38, 29, .68);
  font-size: 1.02rem;
  line-height: 1.65;
}

.home-latest-articles-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

.home-article-card {
  position: relative;
  display: flex;
  min-width: 0;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid rgba(142, 108, 45, .14);
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(255, 250, 240, .74));
  box-shadow:
    0 20px 48px rgba(54, 38, 15, .12),
    inset 0 1px 0 rgba(255, 255, 255, .82);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

.home-article-card:hover {
  transform: translateY(-4px);
  border-color: rgba(157, 84, 21, .28);
  box-shadow:
    0 28px 64px rgba(54, 38, 15, .16),
    inset 0 1px 0 rgba(255, 255, 255, .88);
}

.home-article-card__image {
  position: relative;
  display: block;
  height: 230px;
  overflow: hidden;
  background: #efe3c8;
}

.home-article-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 2%;
  transition: transform .35s ease, filter .35s ease;
}

.home-article-card:hover .home-article-card__image img {
  transform: scale(1.025);
  filter: saturate(1.04) contrast(1.03);
}

.home-article-card__badge {
  position: absolute;
  left: 16px;
  bottom: 16px;
  max-width: calc(100% - 32px);
  padding: 7px 12px;
  border: 1px solid rgba(255, 248, 232, .58);
  border-radius: 999px;
  background: rgba(52, 37, 18, .66);
  color: #fff8e8;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.home-article-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
}

.home-article-card__meta {
  min-height: 18px;
  color: #9d5415;
  font-size: .82rem;
  font-weight: 750;
}

.home-article-card__title {
  margin: 0 0 12px;
  color: #201a14;
  font-size: 1.22rem;
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: 0;
}

.home-article-card__title a {
  color: inherit;
  text-decoration: none;
  transition: color .22s ease;
}

.home-article-card__title a:hover {
  color: #9d5415;
}

.home-article-card__excerpt {
  margin: 0;
  color: rgba(45, 38, 29, .66);
  font-size: .94rem;
  line-height: 1.55;
}

.home-article-card__link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin-top: auto;
  color: #9d5415;
  font-weight: 850;
  text-decoration: none;
  transition: color .22s ease, transform .22s ease;
}

.home-article-card__link:hover {
  color: #7f3f0c;
  transform: translateX(3px);
}

.home-latest-articles-actions {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.home-latest-articles-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid rgba(157, 84, 21, .18);
  border-radius: 999px;
  background:
    linear-gradient(135deg, #9d5415, #7d3f0f);
  color: #fff8e8;
  font-weight: 850;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(126, 65, 15, .22);
  transition: transform .24s ease, box-shadow .24s ease;
}

.home-latest-articles-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(126, 65, 15, .28);
}

.home-latest-articles-empty {
  max-width: 720px;
  margin: 0 auto;
  padding: 28px;
  border: 1px solid rgba(72, 52, 25, .12);
  border-radius: 22px;
  background: rgba(255, 255, 255, .78);
  color: #66584b;
  text-align: center;
  box-shadow: 0 18px 44px rgba(53, 38, 18, .08);
}

.home-latest-articles-section .js-scroll-reveal {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity .7s ease,
    transform .7s ease;
  transition-delay: var(--reveal-delay, 0ms);
}

.home-latest-articles-section .js-scroll-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 980px) {
  .home-latest-articles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .home-latest-articles-section {
    padding: 72px 16px 78px;
  }

  .home-latest-articles-title {
    font-size: 2.35rem;
  }

  .home-latest-articles-grid {
    grid-template-columns: 1fr;
  }

  .home-article-card__image {
    height: 220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-latest-articles-section::after {
    animation: none !important;
  }

  .home-article-card,
  .home-article-card__image img,
  .home-article-card__link,
  .home-latest-articles-button,
  .home-latest-articles-section .js-scroll-reveal {
    transition: none !important;
  }

  .home-latest-articles-section .js-scroll-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* =========================================================
   ULTIMI ARTICOLI - PARTICLE BACKGROUND ONLY
========================================================= */

.home-latest-articles-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding: 86px 24px 92px !important;
  background:
    radial-gradient(circle at 16% 22%, rgba(247, 210, 122, .22), transparent 30%),
    radial-gradient(circle at 84% 32%, rgba(255, 255, 255, .46), transparent 28%),
    radial-gradient(circle at 74% 88%, rgba(157, 84, 21, .10), transparent 34%),
    linear-gradient(180deg, #f6ecd8 0%, #fbf7ef 50%, #fffaf1 100%) !important;
}

.home-latest-articles-section .latest-articles-docs,
.home-latest-articles-section .latest-doc,
.home-latest-articles-section .latest-floating-doc,
.home-latest-articles-section .latest-articles-motion-bg,
.home-latest-articles-section .latest-articles-bg-motion,
.home-latest-articles-section .latest-blob,
.home-latest-articles-section .latest-bg-orb,
.home-latest-articles-section .latest-bg-line {
  display: none !important;
}

.home-latest-articles-section .latest-articles-particles {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .72 !important;
}

.home-latest-articles-section::before {
  content: "" !important;
  position: absolute !important;
  inset: -22% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 20% 34%, rgba(247, 210, 122, .24), transparent 26%),
    radial-gradient(circle at 72% 62%, rgba(255, 255, 255, .34), transparent 30%),
    radial-gradient(circle at 50% 96%, rgba(185, 120, 34, .10), transparent 28%) !important;
  filter: blur(2px) !important;
  opacity: .82 !important;
  animation: latestArticlesLightDrift 13s ease-in-out infinite alternate !important;
}

.home-latest-articles-section::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .24 !important;
  background-image:
    radial-gradient(circle, rgba(142, 108, 45, .14) 0 1px, transparent 1.5px),
    linear-gradient(115deg, rgba(142, 108, 45, .035) 0 1px, transparent 1px 32px) !important;
  background-size: 90px 90px, 220px 220px !important;
  animation: latestArticlesTextureMove 24s linear infinite !important;
}

.home-latest-articles-container,
.home-latest-articles-head,
.home-latest-articles-grid,
.home-article-card,
.home-latest-articles-actions {
  position: relative !important;
  z-index: 2 !important;
}

.home-latest-articles-section .home-article-card__image img {
  object-position: center 2% !important;
}

.home-latest-articles-section .home-article-card:hover .home-article-card__image img {
  transform: scale(1.018) !important;
}

@keyframes latestArticlesLightDrift {
  from {
    transform: translate3d(-18px, -10px, 0) scale(1);
  }

  to {
    transform: translate3d(22px, 14px, 0) scale(1.05);
  }
}

@keyframes latestArticlesTextureMove {
  from {
    background-position: 0 0, 0 0;
  }

  to {
    background-position: 90px -90px, 220px -220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-latest-articles-section::before,
  .home-latest-articles-section::after {
    animation: none !important;
  }

  .home-latest-articles-section .latest-articles-particles {
    display: none !important;
  }
}

/* =========================================================
   ULTIMI ARTICOLI - FINAL DISTINCT BACKGROUND + SCROLL
========================================================= */

.home-latest-articles-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding: 86px 24px 92px !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 235, 180, .34), transparent 30%),
    radial-gradient(circle at 84% 24%, rgba(255, 255, 255, .46), transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(139, 86, 25, .18), transparent 44%),
    linear-gradient(135deg, #efe1bf 0%, #f8ecd1 42%, #fff7e7 100%) !important;
  color: #2d261d !important;
}

.home-latest-articles-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .38 !important;
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(116, 78, 30, .055) 0,
      rgba(116, 78, 30, .055) 1px,
      transparent 1px,
      transparent 36px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(116, 78, 30, .035) 0,
      rgba(116, 78, 30, .035) 1px,
      transparent 1px,
      transparent 36px
    ) !important;
  mask-image: linear-gradient(180deg, transparent 0%, #000 12%, #000 88%, transparent 100%) !important;
}

.home-latest-articles-section::after {
  content: "" !important;
  position: absolute !important;
  top: -30% !important;
  bottom: -30% !important;
  left: -42% !important;
  width: 42% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 248, 232, 0) 24%,
      rgba(255, 255, 255, .30) 44%,
      rgba(247, 210, 122, .22) 52%,
      rgba(255, 255, 255, .10) 64%,
      transparent 82%
    ) !important;
  filter: blur(16px) !important;
  opacity: .62 !important;
  mix-blend-mode: screen !important;
  animation: latestArticlesSectionSweep 10s ease-in-out infinite !important;
}

@keyframes latestArticlesSectionSweep {
  0% {
    transform: translateX(0) skewX(-10deg);
    opacity: 0;
  }

  20% {
    opacity: .34;
  }

  52% {
    opacity: .62;
  }

  82% {
    opacity: .26;
  }

  100% {
    transform: translateX(360%) skewX(-10deg);
    opacity: 0;
  }
}

.home-latest-articles-section .latest-articles-particles {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .78 !important;
}

.home-latest-articles-container,
.home-latest-articles-head,
.home-latest-articles-grid,
.home-latest-articles-actions,
.home-article-card {
  position: relative !important;
  z-index: 3 !important;
}

#ultimi-articoli .js-scroll-reveal {
  opacity: 0 !important;
  transform: translate3d(0, 34px, 0) scale(.985) !important;
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.2, .8, .2, 1) !important;
  transition-delay: var(--reveal-delay, 0ms) !important;
  will-change: opacity, transform !important;
}

#ultimi-articoli .js-scroll-reveal.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

#ultimi-articoli .home-article-card.js-scroll-reveal {
  transform: translate3d(0, 42px, 0) scale(.96) !important;
}

#ultimi-articoli .home-article-card.js-scroll-reveal.is-visible {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-latest-articles-section::after {
    animation: none !important;
  }

  #ultimi-articoli .js-scroll-reveal,
  #ultimi-articoli .js-scroll-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* =========================================================
   ULTIMI ARTICOLI - PAPER TEXTURE + EDITORIAL PARTICLES
========================================================= */

.home-latest-articles-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding: 86px 24px 92px !important;
  background-color: #f4e3c2 !important;
  background-image:
    radial-gradient(circle at 14% 18%, rgba(255, 236, 186, .34), transparent 30%),
    radial-gradient(circle at 88% 28%, rgba(255, 255, 255, .36), transparent 28%),
    linear-gradient(180deg, rgba(255, 248, 232, .44), rgba(255, 248, 232, .22)),
    url("../../img/paper-base.jpg") !important;
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat,
    repeat-y !important;
  background-size:
    100% 100%,
    100% 100%,
    100% 100%,
    100% auto !important;
  background-position:
    center center,
    center center,
    center center,
    top center !important;
  color: #2d261d !important;
}

.home-latest-articles-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .26 !important;
  background:
    linear-gradient(90deg, rgba(116, 78, 30, .045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(116, 78, 30, .026) 1px, transparent 1px) !important;
  background-size: 38px 38px !important;
  mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 88%, transparent 100%) !important;
}

.home-latest-articles-section::after {
  content: "" !important;
  position: absolute !important;
  top: -32% !important;
  bottom: -32% !important;
  left: -44% !important;
  width: 46% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 248, 232, 0) 24%,
      rgba(255, 255, 255, .24) 44%,
      rgba(247, 210, 122, .18) 52%,
      rgba(255, 255, 255, .08) 64%,
      transparent 82%
    ) !important;
  filter: blur(18px) !important;
  opacity: .54 !important;
  mix-blend-mode: screen !important;
  animation: latestArticlesSectionSweep 11s ease-in-out infinite !important;
}

.home-latest-articles-section .latest-articles-particles {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: .58 !important;
}

.home-latest-articles-container,
.home-latest-articles-head,
.home-latest-articles-grid,
.home-latest-articles-actions,
.home-article-card {
  position: relative !important;
  z-index: 3 !important;
}

.home-latest-articles-section .home-article-card__image img {
  object-fit: cover !important;
  object-position: center 1% !important;
}

.home-latest-articles-section .home-article-card:hover .home-article-card__image img {
  transform: scale(1.018) !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-latest-articles-section::after {
    animation: none !important;
  }

  .home-latest-articles-section .latest-articles-particles {
    display: none !important;
  }
}

/* =========================================================
   ULTIMI ARTICOLI - FINAL PAPER BACKGROUND
========================================================= */

.home-latest-articles-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-image: url("../../img/paper-base.jpg") !important;
  background-size: 100% auto !important;
  background-position: top center !important;
  background-repeat: repeat-y !important;
  background-color: #fff !important;
  color: #2d261d !important;
}

.home-latest-articles-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: transparent !important;
  opacity: 0 !important;
  animation: none !important;
}

.home-latest-articles-section::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(247, 210, 122, .08), transparent 28%),
    radial-gradient(circle at 82% 76%, rgba(142, 108, 45, .055), transparent 34%) !important;
  opacity: .55 !important;
}

.home-latest-articles-container,
.home-latest-articles-head,
.home-latest-articles-grid,
.home-latest-articles-actions,
.home-article-card {
  position: relative !important;
  z-index: 3 !important;
}

.latest-articles-particles,
.latest-articles-stars {
  display: none !important;
}

/* =========================================================
   ULTIMI ARTICOLI - FLOATING BOOK / MAGAZINE PARTICLES
========================================================= */

.home-latest-articles-section .latest-book-particles {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.home-latest-articles-section .book-particle {
  position: absolute !important;
  display: block !important;
  width: 42px !important;
  height: 54px !important;
  border-radius: 6px 10px 10px 6px !important;
  opacity: .22 !important;
  background:
    linear-gradient(90deg, rgba(142, 108, 45, .32) 0 5px, transparent 5px),
    linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(247, 210, 122, .28)) !important;
  border: 1px solid rgba(142, 108, 45, .20) !important;
  box-shadow:
    0 10px 24px rgba(54, 38, 15, .08),
    inset 0 1px 0 rgba(255, 255, 255, .62) !important;
  transform: rotate(var(--book-rot, -8deg)) !important;
  animation: latestBookFloat var(--book-speed, 14s) ease-in-out infinite alternate !important;
}

.home-latest-articles-section .book-particle::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 8px !important;
  top: 14px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: rgba(142, 108, 45, .28) !important;
  box-shadow:
    0 9px 0 rgba(142, 108, 45, .20),
    0 18px 0 rgba(142, 108, 45, .16) !important;
}

.home-latest-articles-section .book-particle.magazine-one,
.home-latest-articles-section .book-particle.magazine-two {
  width: 58px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .78), rgba(255, 248, 232, .42)),
    linear-gradient(90deg, rgba(185, 120, 34, .18), transparent) !important;
}

.home-latest-articles-section .book-particle.magazine-one::before,
.home-latest-articles-section .book-particle.magazine-two::before {
  left: 10px !important;
  right: 10px !important;
  top: 12px !important;
  box-shadow:
    0 8px 0 rgba(142, 108, 45, .18),
    0 16px 0 rgba(142, 108, 45, .12) !important;
}

.home-latest-articles-section .book-particle.page-one,
.home-latest-articles-section .book-particle.page-two,
.home-latest-articles-section .book-particle.page-three {
  width: 34px !important;
  height: 46px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .70) !important;
  opacity: .20 !important;
}

.home-latest-articles-section .book-one {
  left: 5% !important;
  top: 20% !important;
  --book-rot: -12deg;
  --book-speed: 13s;
}

.home-latest-articles-section .book-two {
  right: 7% !important;
  top: 18% !important;
  --book-rot: 10deg;
  --book-speed: 16s;
  animation-delay: -4s !important;
}

.home-latest-articles-section .book-three {
  left: 16% !important;
  bottom: 13% !important;
  --book-rot: 7deg;
  --book-speed: 18s;
  animation-delay: -7s !important;
}

.home-latest-articles-section .magazine-one {
  right: 18% !important;
  bottom: 18% !important;
  --book-rot: -8deg;
  --book-speed: 15s;
  animation-delay: -5s !important;
}

.home-latest-articles-section .magazine-two {
  left: 42% !important;
  top: 11% !important;
  --book-rot: 6deg;
  --book-speed: 20s;
  animation-delay: -10s !important;
}

.home-latest-articles-section .page-one {
  left: 28% !important;
  top: 70% !important;
  --book-rot: -6deg;
  --book-speed: 17s;
  animation-delay: -3s !important;
}

.home-latest-articles-section .page-two {
  right: 30% !important;
  top: 66% !important;
  --book-rot: 12deg;
  --book-speed: 21s;
  animation-delay: -8s !important;
}

.home-latest-articles-section .page-three {
  right: 12% !important;
  top: 48% !important;
  --book-rot: -14deg;
  --book-speed: 19s;
  animation-delay: -11s !important;
}

@keyframes latestBookFloat {
  0% {
    transform: translate3d(0, 0, 0) rotate(var(--book-rot, -8deg));
  }

  50% {
    transform: translate3d(18px, -22px, 0) rotate(calc(var(--book-rot, -8deg) + 5deg));
  }

  100% {
    transform: translate3d(-14px, 18px, 0) rotate(calc(var(--book-rot, -8deg) - 4deg));
  }
}

.home-latest-articles-section .home-article-card__image img {
  object-position: center 2% !important;
}

@media (max-width: 768px) {
  .home-latest-articles-section .book-particle {
    opacity: .13 !important;
    transform: scale(.82) rotate(var(--book-rot, -8deg)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-latest-articles-section .book-particle {
    animation: none !important;
  }
}

/* =========================================================
   ULTIMI ARTICOLI - FINAL PAPER BG + ANIMATED BOOK PARTICLES
========================================================= */

.home-latest-articles-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-image: url("../../img/paper-base.jpg") !important;
  background-size: 100% auto !important;
  background-position: top center !important;
  background-repeat: repeat-y !important;
  background-color: #fff !important;
}

.home-latest-articles-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(247, 210, 122, .06), transparent 30%),
    radial-gradient(circle at 82% 76%, rgba(142, 108, 45, .04), transparent 34%) !important;
  opacity: .75 !important;
}

.home-latest-articles-section::after {
  content: "" !important;
  position: absolute !important;
  inset: -16% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 20% 38%, rgba(247, 210, 122, .08), transparent 24%),
    radial-gradient(circle at 74% 62%, rgba(255, 255, 255, .16), transparent 30%) !important;
  opacity: .8 !important;
  animation: latestArticlePaperLightMove 14s ease-in-out infinite alternate !important;
}

@keyframes latestArticlePaperLightMove {
  from {
    transform: translate3d(-14px, -8px, 0) scale(1);
  }

  to {
    transform: translate3d(16px, 10px, 0) scale(1.04);
  }
}

.home-latest-articles-section .latest-articles-docs,
.home-latest-articles-section .latest-doc,
.home-latest-articles-section .latest-floating-doc,
.home-latest-articles-section .latest-articles-motion-bg,
.home-latest-articles-section .latest-articles-bg-motion,
.home-latest-articles-section .latest-blob,
.home-latest-articles-section .latest-bg-orb,
.home-latest-articles-section .latest-bg-line,
.home-latest-articles-section .latest-articles-particles,
.home-latest-articles-section .latest-articles-stars {
  display: none !important;
}

.home-latest-articles-section .latest-book-particles {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  display: block !important;
}

.home-latest-articles-section .book-particle {
  position: absolute !important;
  display: block !important;
  width: 42px !important;
  height: 54px !important;
  border-radius: 6px 10px 10px 6px !important;
  opacity: .24 !important;
  background:
    linear-gradient(90deg, rgba(142, 108, 45, .34) 0 5px, transparent 5px),
    linear-gradient(135deg, rgba(255, 255, 255, .78), rgba(247, 210, 122, .30)) !important;
  border: 1px solid rgba(142, 108, 45, .20) !important;
  box-shadow:
    0 10px 24px rgba(54, 38, 15, .08),
    inset 0 1px 0 rgba(255, 255, 255, .62) !important;
  animation: latestBookFloat var(--book-speed, 14s) ease-in-out infinite alternate !important;
  will-change: transform !important;
}

.home-latest-articles-section .book-particle::before {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 8px !important;
  top: 14px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: rgba(142, 108, 45, .28) !important;
  box-shadow:
    0 9px 0 rgba(142, 108, 45, .20),
    0 18px 0 rgba(142, 108, 45, .16) !important;
}

.home-latest-articles-section .book-particle.magazine-one,
.home-latest-articles-section .book-particle.magazine-two {
  width: 58px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .80), rgba(255, 248, 232, .45)),
    linear-gradient(90deg, rgba(185, 120, 34, .18), transparent) !important;
}

.home-latest-articles-section .book-particle.page-one,
.home-latest-articles-section .book-particle.page-two,
.home-latest-articles-section .book-particle.page-three {
  width: 34px !important;
  height: 46px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .74) !important;
  opacity: .22 !important;
}

.home-latest-articles-section .book-one {
  left: 5% !important;
  top: 20% !important;
  --book-rot: -12deg;
  --book-speed: 13s;
}

.home-latest-articles-section .book-two {
  right: 7% !important;
  top: 18% !important;
  --book-rot: 10deg;
  --book-speed: 16s;
  animation-delay: -4s !important;
}

.home-latest-articles-section .book-three {
  left: 16% !important;
  bottom: 13% !important;
  --book-rot: 7deg;
  --book-speed: 18s;
  animation-delay: -7s !important;
}

.home-latest-articles-section .magazine-one {
  right: 18% !important;
  bottom: 18% !important;
  --book-rot: -8deg;
  --book-speed: 15s;
  animation-delay: -5s !important;
}

.home-latest-articles-section .magazine-two {
  left: 42% !important;
  top: 11% !important;
  --book-rot: 6deg;
  --book-speed: 20s;
  animation-delay: -10s !important;
}

.home-latest-articles-section .page-one {
  left: 28% !important;
  top: 70% !important;
  --book-rot: -6deg;
  --book-speed: 17s;
  animation-delay: -3s !important;
}

.home-latest-articles-section .page-two {
  right: 30% !important;
  top: 66% !important;
  --book-rot: 12deg;
  --book-speed: 21s;
  animation-delay: -8s !important;
}

.home-latest-articles-section .page-three {
  right: 12% !important;
  top: 48% !important;
  --book-rot: -14deg;
  --book-speed: 19s;
  animation-delay: -11s !important;
}

@keyframes latestBookFloat {
  0% {
    transform: translate3d(0, 0, 0) rotate(var(--book-rot, -8deg));
  }

  50% {
    transform: translate3d(18px, -22px, 0) rotate(calc(var(--book-rot, -8deg) + 5deg));
  }

  100% {
    transform: translate3d(-14px, 18px, 0) rotate(calc(var(--book-rot, -8deg) - 4deg));
  }
}

.home-latest-articles-container,
.home-latest-articles-head,
.home-latest-articles-grid,
.home-latest-articles-actions,
.home-article-card {
  position: relative !important;
  z-index: 3 !important;
}

.home-latest-articles-section .home-article-card__image img {
  object-position: center 2% !important;
}

/* =========================================================
   ULTIMI ARTICOLI - SCROLL REVEAL
========================================================= */

#ultimi-articoli .js-scroll-reveal {
  opacity: 0 !important;
  transform: translate3d(0, 34px, 0) scale(.985) !important;
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.2, .8, .2, 1) !important;
  transition-delay: var(--reveal-delay, 0ms) !important;
  will-change: opacity, transform !important;
}

#ultimi-articoli .js-scroll-reveal.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

#ultimi-articoli .home-article-card.js-scroll-reveal {
  transform: translate3d(0, 42px, 0) scale(.96) !important;
}

#ultimi-articoli .home-article-card.js-scroll-reveal.is-visible {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-latest-articles-section::after,
  .home-latest-articles-section .book-particle {
    animation: none !important;
  }

  #ultimi-articoli .js-scroll-reveal,
  #ultimi-articoli .js-scroll-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* =========================================================
   ULTIMI ARTICOLI - RCJ STYLE SIMPLE PARTICLES
========================================================= */

.home-latest-articles-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-image: url("../../img/paper-base.jpg") !important;
  background-size: 100% auto !important;
  background-position: top center !important;
  background-repeat: repeat-y !important;
  background-color: #fff !important;
}

.home-latest-articles-section::before,
.home-latest-articles-section::after {
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
}

.home-latest-articles-section .latest-book-particles,
.home-latest-articles-section .latest-articles-particles,
.home-latest-articles-section .latest-articles-stars,
.home-latest-articles-section .latest-articles-docs,
.home-latest-articles-section .latest-floating-doc,
.home-latest-articles-section .latest-doc,
.home-latest-articles-section .latest-blob,
.home-latest-articles-section .latest-bg-orb,
.home-latest-articles-section .latest-bg-line {
  display: none !important;
}

.home-latest-articles-section .articles-fly {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.home-latest-articles-section .articles-fly span {
  position: absolute !important;
  display: block !important;
  opacity: 0 !important;
  pointer-events: none !important;
  filter: drop-shadow(0 10px 18px rgba(85, 56, 18, .12)) !important;
  animation: articlesFlyUp var(--fly-speed, 12s) ease-in-out infinite !important;
}

.home-latest-articles-section .articles-fly span.book {
  width: 34px !important;
  height: 44px !important;
  border-radius: 5px 9px 9px 5px !important;
  background:
    linear-gradient(90deg, rgba(142, 108, 45, .35) 0 5px, transparent 5px),
    linear-gradient(135deg, rgba(255, 255, 255, .78), rgba(247, 210, 122, .34)) !important;
  border: 1px solid rgba(142, 108, 45, .20) !important;
}

.home-latest-articles-section .articles-fly span.book::before {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  right: 7px !important;
  top: 12px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: rgba(142, 108, 45, .25) !important;
  box-shadow:
    0 8px 0 rgba(142, 108, 45, .18),
    0 16px 0 rgba(142, 108, 45, .12) !important;
}

.home-latest-articles-section .articles-fly span.page {
  width: 28px !important;
  height: 38px !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .70) !important;
  border: 1px solid rgba(142, 108, 45, .14) !important;
}

.home-latest-articles-section .articles-fly span.page::before {
  content: "" !important;
  position: absolute !important;
  left: 7px !important;
  right: 7px !important;
  top: 11px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: rgba(142, 108, 45, .20) !important;
  box-shadow:
    0 8px 0 rgba(142, 108, 45, .14),
    0 16px 0 rgba(142, 108, 45, .10) !important;
}

.home-latest-articles-section .articles-fly span.magazine {
  width: 46px !important;
  height: 34px !important;
  border-radius: 9px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(255, 248, 232, .42)),
    linear-gradient(90deg, rgba(185, 120, 34, .18), transparent) !important;
  border: 1px solid rgba(142, 108, 45, .16) !important;
}

.home-latest-articles-section .articles-fly span.magazine::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  right: 9px !important;
  top: 10px !important;
  height: 2px !important;
  border-radius: 99px !important;
  background: rgba(142, 108, 45, .20) !important;
  box-shadow:
    0 7px 0 rgba(142, 108, 45, .14),
    0 14px 0 rgba(142, 108, 45, .10) !important;
}

.home-latest-articles-section .articles-fly span:nth-child(1) {
  left: 5% !important;
  top: 82% !important;
  --fly-speed: 11s;
  animation-delay: 0s !important;
  transform: rotate(-10deg);
}

.home-latest-articles-section .articles-fly span:nth-child(2) {
  left: 14% !important;
  top: 70% !important;
  --fly-speed: 15s;
  animation-delay: -4s !important;
  transform: rotate(8deg);
}

.home-latest-articles-section .articles-fly span:nth-child(3) {
  left: 24% !important;
  top: 88% !important;
  --fly-speed: 13s;
  animation-delay: -2s !important;
  transform: rotate(-6deg);
}

.home-latest-articles-section .articles-fly span:nth-child(4) {
  left: 36% !important;
  top: 74% !important;
  --fly-speed: 17s;
  animation-delay: -6s !important;
  transform: rotate(11deg);
}

.home-latest-articles-section .articles-fly span:nth-child(5) {
  left: 47% !important;
  top: 86% !important;
  --fly-speed: 12s;
  animation-delay: -3s !important;
  transform: rotate(-14deg);
}

.home-latest-articles-section .articles-fly span:nth-child(6) {
  left: 58% !important;
  top: 78% !important;
  --fly-speed: 18s;
  animation-delay: -8s !important;
  transform: rotate(6deg);
}

.home-latest-articles-section .articles-fly span:nth-child(7) {
  left: 68% !important;
  top: 90% !important;
  --fly-speed: 14s;
  animation-delay: -5s !important;
  transform: rotate(-9deg);
}

.home-latest-articles-section .articles-fly span:nth-child(8) {
  left: 77% !important;
  top: 73% !important;
  --fly-speed: 16s;
  animation-delay: -7s !important;
  transform: rotate(12deg);
}

.home-latest-articles-section .articles-fly span:nth-child(9) {
  left: 87% !important;
  top: 84% !important;
  --fly-speed: 13s;
  animation-delay: -1s !important;
  transform: rotate(-5deg);
}

.home-latest-articles-section .articles-fly span:nth-child(10) {
  left: 9% !important;
  top: 42% !important;
  --fly-speed: 19s;
  animation-delay: -10s !important;
  transform: rotate(7deg);
}

.home-latest-articles-section .articles-fly span:nth-child(11) {
  left: 52% !important;
  top: 38% !important;
  --fly-speed: 20s;
  animation-delay: -12s !important;
  transform: rotate(-12deg);
}

.home-latest-articles-section .articles-fly span:nth-child(12) {
  left: 91% !important;
  top: 48% !important;
  --fly-speed: 21s;
  animation-delay: -9s !important;
  transform: rotate(9deg);
}

@keyframes articlesFlyUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0) scale(.82) rotate(0deg);
  }

  18% {
    opacity: .26;
  }

  48% {
    opacity: .20;
  }

  78% {
    opacity: .18;
  }

  100% {
    opacity: 0;
    transform: translate3d(18px, -145px, 0) scale(1.04) rotate(12deg);
  }
}

.home-latest-articles-container,
.home-latest-articles-head,
.home-latest-articles-grid,
.home-latest-articles-actions,
.home-article-card {
  position: relative !important;
  z-index: 3 !important;
}

.home-latest-articles-section .home-article-card__image img {
  object-position: center 2% !important;
}

#ultimi-articoli .js-scroll-reveal {
  opacity: 0 !important;
  transform: translate3d(0, 34px, 0) scale(.985) !important;
  transition:
    opacity .72s ease,
    transform .72s cubic-bezier(.2, .8, .2, 1) !important;
  transition-delay: var(--reveal-delay, 0ms) !important;
}

#ultimi-articoli .js-scroll-reveal.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-latest-articles-section .articles-fly span {
    animation: none !important;
  }

  #ultimi-articoli .js-scroll-reveal,
  #ultimi-articoli .js-scroll-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
/* =========================================================
   ULTIMI ARTICOLI — BROWN DOTS FALLING DOWN
   Same logic as RCJ portfolio-fly, but downward
   Needs 30 empty spans inside .latest-articles-fall
========================================================= */

.home-latest-articles-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* Hide old failed article flying shapes if they still exist */
.home-latest-articles-section .articles-fly,
.home-latest-articles-section .latest-articles-motion-bg,
.home-latest-articles-section .latest-articles-bg-motion,
.home-latest-articles-section .latest-articles-docs,
.home-latest-articles-section .latest-floating-doc,
.home-latest-articles-section .latest-bg-orb,
.home-latest-articles-section .latest-bg-line,
.home-latest-articles-section .latest-blob {
  display: none !important;
}

/* falling dots layer */
.home-latest-articles-section .latest-articles-fall {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

/* each brown/gold dot */
.home-latest-articles-section .latest-articles-fall span {
  --x: 50;
  --s: 7px;
  --d: 18s;
  --del: 0s;

  position: absolute !important;
  left: calc(var(--x) * 1%) !important;
  top: -14% !important;

  width: var(--s) !important;
  height: var(--s) !important;
  border-radius: 50% !important;

  background: rgba(142, 90, 35, .42) !important;
  box-shadow:
    0 0 14px rgba(142, 90, 35, .22),
    0 0 24px rgba(247, 210, 122, .16) !important;

  opacity: .72 !important;

  animation: latestArticleDotFall var(--d) linear infinite !important;
  animation-delay: var(--del) !important;
  will-change: transform !important;
}

/* downward movement */
@keyframes latestArticleDotFall {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }

  12% {
    opacity: .72;
  }

  82% {
    opacity: .62;
  }

  100% {
    transform: translate3d(60px, 145vh, 0);
    opacity: 0;
  }
}

/* different positions, sizes, speeds — 30 dots */
.home-latest-articles-section .latest-articles-fall span:nth-child(1)  { --x: 5;  --s: 8px;  --d: 13s; --del: 0s;  }
.home-latest-articles-section .latest-articles-fall span:nth-child(2)  { --x: 11; --s: 5px;  --d: 16s; --del: 1s;  }
.home-latest-articles-section .latest-articles-fall span:nth-child(3)  { --x: 17; --s: 11px; --d: 19s; --del: 2s;  }
.home-latest-articles-section .latest-articles-fall span:nth-child(4)  { --x: 24; --s: 6px;  --d: 14s; --del: 3s;  }
.home-latest-articles-section .latest-articles-fall span:nth-child(5)  { --x: 31; --s: 10px; --d: 18s; --del: 4s;  }

.home-latest-articles-section .latest-articles-fall span:nth-child(6)  { --x: 39; --s: 5px;  --d: 15s; --del: 5s;  }
.home-latest-articles-section .latest-articles-fall span:nth-child(7)  { --x: 46; --s: 13px; --d: 21s; --del: 6s;  }
.home-latest-articles-section .latest-articles-fall span:nth-child(8)  { --x: 53; --s: 7px;  --d: 17s; --del: 7s;  }
.home-latest-articles-section .latest-articles-fall span:nth-child(9)  { --x: 61; --s: 10px; --d: 22s; --del: 8s;  }
.home-latest-articles-section .latest-articles-fall span:nth-child(10) { --x: 69; --s: 5px;  --d: 14s; --del: 9s;  }

.home-latest-articles-section .latest-articles-fall span:nth-child(11) { --x: 76; --s: 12px; --d: 20s; --del: 10s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(12) { --x: 83; --s: 6px;  --d: 16s; --del: 11s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(13) { --x: 90; --s: 9px;  --d: 18s; --del: 12s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(14) { --x: 96; --s: 5px;  --d: 15s; --del: 13s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(15) { --x: 21; --s: 8px;  --d: 23s; --del: 14s; }

.home-latest-articles-section .latest-articles-fall span:nth-child(16) { --x: 36; --s: 5px;  --d: 17s; --del: 15s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(17) { --x: 57; --s: 11px; --d: 24s; --del: 16s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(18) { --x: 73; --s: 7px;  --d: 19s; --del: 17s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(19) { --x: 9;  --s: 12px; --d: 25s; --del: 18s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(20) { --x: 88; --s: 8px;  --d: 21s; --del: 19s; }

.home-latest-articles-section .latest-articles-fall span:nth-child(21) { --x: 15; --s: 6px;  --d: 17s; --del: 2.5s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(22) { --x: 27; --s: 9px;  --d: 22s; --del: 4.5s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(23) { --x: 43; --s: 5px;  --d: 16s; --del: 6.5s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(24) { --x: 64; --s: 10px; --d: 24s; --del: 8.5s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(25) { --x: 79; --s: 6px;  --d: 19s; --del: 10.5s; }

.home-latest-articles-section .latest-articles-fall span:nth-child(26) { --x: 94; --s: 8px;  --d: 21s; --del: 12.5s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(27) { --x: 3;  --s: 5px;  --d: 15s; --del: 14.5s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(28) { --x: 34; --s: 11px; --d: 26s; --del: 16.5s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(29) { --x: 52; --s: 7px;  --d: 18s; --del: 18.5s; }
.home-latest-articles-section .latest-articles-fall span:nth-child(30) { --x: 86; --s: 9px;  --d: 23s; --del: 20.5s; }

/* keep real content above the dots */
.home-latest-articles-section .home-latest-articles-container,
.home-latest-articles-section .home-latest-articles-head,
.home-latest-articles-section .home-latest-articles-grid,
.home-latest-articles-section .home-latest-editorial-grid,
.home-latest-articles-section .home-article-card,
.home-latest-articles-section .home-editorial-card,
.home-latest-articles-section .home-latest-articles-actions {
  position: relative !important;
  z-index: 3 !important;
}

@media (prefers-reduced-motion: reduce) {
  .home-latest-articles-section .latest-articles-fall span {
    animation: none !important;
    opacity: .22 !important;
  }
}

/* =========================================================
   ULTIMI ARTICOLI - SCROLL REVEAL ANIMATION
========================================================= */

.home-latest-articles-section .js-scroll-reveal {
  opacity: 0 !important;
  transform: translate3d(0, 34px, 0) scale(.985) !important;
  filter: blur(8px) !important;
  transition:
    opacity .75s ease,
    transform .75s cubic-bezier(.2,.8,.2,1),
    filter .75s ease !important;
  transition-delay: var(--reveal-delay, 0ms) !important;
  will-change: opacity, transform, filter !important;
}

.home-latest-articles-section .js-scroll-reveal.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: blur(0) !important;
}

.home-latest-articles-section .home-article-card.js-scroll-reveal {
  transform: translate3d(0, 42px, 0) rotateX(7deg) scale(.975) !important;
  transform-origin: center bottom !important;
}

.home-latest-articles-section .home-article-card.js-scroll-reveal.is-visible {
  transform: translate3d(0, 0, 0) rotateX(0) scale(1) !important;
}

.home-latest-articles-section .home-article-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(255,255,255,.0) 36%,
      rgba(255,255,255,.38) 48%,
      rgba(255,255,255,.0) 60%,
      transparent 100%
    );
  transform: translateX(-120%);
  opacity: 0;
}

.home-latest-articles-section .home-article-card.is-visible::after {
  animation: latestArticleCardShine 1.15s ease .28s both;
}

@keyframes latestArticleCardShine {
  0% {
    transform: translateX(-120%);
    opacity: 0;
  }

  18% {
    opacity: .55;
  }

  100% {
    transform: translateX(120%);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-latest-articles-section .js-scroll-reveal {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  .home-latest-articles-section .home-article-card::after {
    display: none !important;
    animation: none !important;
  }
}