.route-photo picture{display:block;width:100%;height:100%}
.route-photo picture img{width:100%;height:100%;object-fit:cover;display:block}
.route-stage{touch-action:pan-y}
.route-arrow{position:absolute;top:50%;z-index:6;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#15102b;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 28px rgba(17,12,35,.18);transform:translateY(-50%);transition:transform .2s ease,background .2s ease}
.route-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.route-arrow--prev{left:18px}.route-arrow--next{right:18px}
.route-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.route-tabs button{position:relative;z-index:4;touch-action:manipulation}
.mission__photo picture{display:block;width:100%;height:100%}
.mission__photo picture img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){
  .hero{background-image:none}
  .route-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .hero{background-image:linear-gradient(180deg,rgba(8,28,75,.12) 0%,rgba(8,28,75,.12) 38%,rgba(35,23,57,.86) 100%),url('../assets/city-belek.webp');background-position:center;background-size:cover}
  .hero__visual{display:none}
  .route-arrow{width:42px;height:42px;font-size:30px;top:34%}
  .route-arrow--prev{left:12px}.route-arrow--next{right:12px}
  .route-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:8px;padding:2px 2px 8px}
  .route-tabs button{flex:0 0 auto;min-width:max-content;scroll-snap-align:start;padding:13px 16px}
}