.route-hero{width:100%;height:400px;min-height:400px;position:relative;border-radius:var(--radius-lg);overflow:hidden}@media (min-width:1024px){.route-hero{height:400px}}.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;min-height:400px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--gray-100)}.route-hero-map--ssr-skeleton{position:relative;z-index:1}.route-hero-map--client-wrapper{position:absolute;top:0;left:0;width:100%;height:400px;z-index:2}.route-hero-map--client-wrapper .route-hero-map{height:100%}.route-hero-map__container{position:relative;width:100%;height:100%;transition:transform .2s ease}.route-hero-map__container:hover{transform:scale(1.01)}.route-hero-map__canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .4s ease}.route-hero-map--ready .route-hero-map__canvas{opacity:1}.route-hero-map__skeleton{position:absolute;inset:0;z-index:10;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 37%,var(--gray-100) 63%);background-size:400% 100%;animation:map-skeleton-shimmer 1.2s ease-in-out infinite;border-radius:var(--radius-lg)}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-logo,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{display:none!important}@keyframes map-skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.route-hero-map__overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.route-hero-map__fullscreen{position:fixed;inset:0;background:white;z-index:1000;display:flex;flex-direction:column}.route-hero-map__fullscreen-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--gray-200);background:white}.route-hero-map__fullscreen-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.route-hero-map__close-btn{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-xs);line-height:1;color:var(--gray-600);transition:color .2s ease}.route-hero-map__close-btn:hover{color:var(--gray-900)}.route-hero-map__fullscreen-content{flex:1 1;background:var(--gray-100)}.mapboxgl-popup-content{padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:var(--radius-lg)!important}.mapboxgl-popup-tip{display:none}.route-hero-marker-popup{width:100%;max-width:300px;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .2s ease,box-shadow .2s ease;margin-bottom:10px}.route-hero-marker-popup:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.route-hero-marker-popup__image{width:100%;height:180px;overflow:hidden;background:var(--gray-100)}.route-hero-marker-popup__image img{width:100%;height:100%;object-fit:cover}.route-hero-marker-popup__content{padding:var(--space-md)}.route-hero-marker-popup__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin:0 0 var(--space-sm) 0;line-height:var(--line-height-tight);line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.route-hero-marker-popup__details{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.route-hero-marker-popup__detail{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}.route-hero-marker-popup__detail-label{color:var(--gray-600);font-weight:var(--font-weight-medium)}.route-hero-marker-popup__detail-value{color:var(--gray-900)}.route-hero-marker-popup__link{display:inline-block;color:var(--primary-600);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease}.route-hero-marker-popup__link:hover{color:var(--primary-700);text-decoration:underline}