@import url("../../logistics/from-petrozavodsk/style.css");

.hero-beginner {
  min-height: 100svh;
  background-image: url("/images/mountain/routes/routes-hero.webp");
  background-position: center 58%;
}

.meaning {
  background:
    radial-gradient(circle at 82% 16%, rgba(201, 168, 76, .15), transparent 32%),
    linear-gradient(145deg, #141720, #0d0f14) !important;
}

.meaning .prose p:first-child::first-letter {
  float: left;
  margin: .08em .12em 0 0;
  color: var(--gold);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 4.2rem;
  line-height: .72;
}

@media (max-width: 620px) {
  .hero-beginner { min-height: 100svh; background-position: 62% center; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}