/* Finding Your Way uses the Blog's hero, featured card and collection layout. */
.finding-way-page {
  overflow-x: hidden;
}

/* Collection content stays readable when page scripts are unavailable. */
.finding-way-main .home-reveal {
  opacity: 1;
  transform: none;
}

.finding-way-main .way-hero p {
  text-align: center !important;
  text-align-last: center;
  -webkit-hyphens: none;
  hyphens: none;
}

.finding-way-main .blog-card p {
  text-align: left !important;
  text-align-last: left;
  -webkit-hyphens: none;
  hyphens: none;
}

.finding-way-main .blog-card:hover img {
  transform: scale(1.05);
}

.finding-way-main .featured-blog-image {
  height: 18rem;
}

.finding-way-main .featured-blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;
}

.finding-way-main .featured-blog-section {
  padding-top: 3rem;
}

.finding-way-main a:focus-visible {
  outline: 3px solid #4a7591;
  outline-offset: 5px;
}

.finding-way-main .way-journal-link p {
  text-align: center;
}

@media (min-width: 768px) {
  .finding-way-main .featured-blog-section {
    padding-top: 4rem;
  }
}

@media (min-width: 1024px) {
  .finding-way-main .featured-blog-image {
    height: 500px;
  }

  .finding-way-main .featured-blog-copy {
    padding: 3rem;
  }
}

@media (min-width: 1280px) {
  .finding-way-main .featured-blog-image {
    height: 520px;
  }

  .finding-way-main .featured-blog-copy {
    padding: 3.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .finding-way-main .blog-card,
  .finding-way-main .blog-card img,
  .finding-way-main .hero-fade,
  .finding-way-main .mesh-orb {
    animation: none;
    transition: none;
  }

  .finding-way-main .hero-fade {
    opacity: 1;
    transform: none;
  }

  .finding-way-main .blog-card:hover,
  .finding-way-main .blog-card:hover img {
    transform: none;
  }
}