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

.hero-trailhead {
  min-height: 100svh;
  background-image: url("hero-real-photo-v3.webp");
  background-position: center 52%;
}

.road-character {
  background:
    radial-gradient(circle at 78% 12%, rgba(201, 168, 76, .14), transparent 30%),
    linear-gradient(145deg, #151821, #0d0f14) !important;
}

.transition-panel {
  padding: 44px;
  border: 1px solid rgba(201, 168, 76, .3);
  background: rgba(26, 29, 38, .88);
}
.transition-panel h3 { margin: 0 0 18px; font-size: 2.35rem; }
.transition-panel p { color: var(--vv-silver); }

@media (max-width: 620px) {
  .hero-trailhead { min-height: 100svh; background-position: 43% center; }
  .transition-panel { padding: 28px; }
}

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