.route-hero__map-skeleton{position:relative;width:100%;height:100%;min-height:var(--height-4xl);background:var(--gray-100);border-radius:var(--radius-lg);overflow:hidden}.route-hero__map-skeleton-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 50%,var(--gray-100) 100%)}.route-hero__map-skeleton-pulse{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--gray-200) 50%,transparent 100%);animation:skeleton-pulse 2s infinite}.route-hero{width:100%;height:var(--height-4xl);position:relative;border-radius:var(--radius-lg);overflow:hidden}@media (min-width:1024px){.route-hero{height:var(--height-5xl)}}.route-hero__gradient-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--gray-200) 0,var(--gray-300) 50%,var(--gray-400) 100%)}.route-hero__image-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-gap:.5rem;gap:.5rem}.route-hero__desktop .route-hero-map,.route-hero__image-grid{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1.5rem}.route-hero__desktop .route-hero-map{width:100%;height:400px}.route-hero__image-large{grid-row:span 2;position:relative}.route-hero__image-small{position:relative;aspect-ratio:1.6;overflow:hidden}.route-hero__image{object-fit:cover;width:100%;height:100%}.route-hero__all-photos{position:absolute;bottom:var(--space-sm);left:var(--space-sm);background:var(--gray-800);color:var(--gray-100);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);border:none;border-radius:var(--radius-md);cursor:pointer;z-index:2}.route-hero__skeleton{width:100%;height:var(--space-8xl);border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--gray-300) 25%,var(--gray-50) 50%,var(--gray-300) 75%);background-size:200% 100%;animation:pulse 1.5s infinite;margin-top:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md)}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:767px){.route-hero__desktop{display:none}.route-hero__mobile{display:block}.route-hero{margin-top:0;margin-bottom:0;padding:0}.route-hero__carousel-wrapper{position:relative;width:100%;overflow:hidden}.route-hero__carousel{overflow:hidden}.route-hero__carousel-track{display:flex;touch-action:pan-y}.route-hero__carousel-slide{position:relative;flex:0 0 100%;aspect-ratio:16/9;height:auto;scroll-snap-align:center}.route-hero__dots{display:flex;justify-content:center;gap:var(--space-xs);margin-top:var(--space-md)}.route-hero__dot{width:var(--space-sm);height:var(--space-sm);border-radius:50%;border:none;background:var(--gray-300);cursor:pointer;transition:background-color .2s ease}.route-hero__dot.is-selected{background:var(--gray-600)}}.route-hero-map{position:relative;width:100%;height:400px;border-radius:var(--radius-lg);overflow:hidden}.route-hero-map__container{position:relative;width:100%;height:100%}.route-hero-map__canvas{position:absolute;top:0;left:0;width:100%;height:100%}.route-hero-map__skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--gray-200) 0,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:skeleton-pulse 2s ease-in-out infinite;z-index:1}@keyframes skeleton-pulse{0%{background-position:-200% 0}to{background-position:200% 0}}.route-hero-marker-popup{padding:var(--space-xs);font-family:var(--font-sans)}.route-hero-marker-popup__difficulty,.route-hero-marker-popup__distance{font-size:var(--text-xs);color:var(--gray-600);margin-top:var(--space-xs)}.route-hero-marker-popup__link{margin-top:var(--space-xs);color:var(--blue-600);text-decoration:none;font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.route-hero-marker-popup__link:hover{text-decoration:underline}.top-routes__section{margin-top:var(--space-lg)}.top-routes__heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);color:var(--gray-900);margin-bottom:var(--space-lg)}.top-routes__list{display:grid;grid-template-columns:1fr;grid-gap:var(--space-lg);gap:var(--space-lg);list-style:none;padding:0;margin:0}@media (min-width:640px){.top-routes__list{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media (min-width:1024px){.top-routes__list{grid-template-columns:repeat(auto-fill,minmax(var(--width-sm),1fr));gap:var(--space-xl)}}.top-routes__list-item{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease;border:var(--border-width-thin) solid var(--gray-200)}.top-routes__list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.top-routes__link{display:flex;flex-direction:column}.top-routes__card-link,.top-routes__link{text-decoration:none;color:inherit;height:100%}.top-routes__card-link{display:block}.top-routes__card-image{width:100%;aspect-ratio:16/9;object-fit:cover;background-color:var(--gray-100)}.top-routes__card-info{padding:var(--space-md);display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.top-routes__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);color:var(--gray-900);margin-bottom:var(--space-xs)}.top-routes__location{font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-sm)}.top-routes__badge{display:inline-block;background-color:var(--primary-100);color:var(--primary-800);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.top-routes__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);border:var(--border-width-thin) solid transparent}.badge--distance{background:var(--primary-100);color:var(--primary-800);border-color:var(--primary-100)}.badge--time{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.badge--easy{background:var(--primary-100);color:var(--primary-800);border-color:var(--primary-100)}.badge--moderate{background:var(--accent-yellow);color:var(--gray-900);border-color:var(--accent-yellow)}.badge--hard{background:var(--error-100);color:var(--gray-900);border-color:var(--error-100)}@media (min-width:1024px){.top-routes__card-info{padding:var(--space-lg)}}