<section class="codex-sgp-routes-hub">
<style>
.codex-sgp-routes-hub{font-family:Manrope,Arial,sans-serif;background:#fbfaf8;color:#202020}
.codex-sgp-routes-hub *{box-sizing:border-box}
.codex-sgp-routes-hub .wrap{max-width:1120px;margin:0 auto}
.codex-sgp-routes-hub .hero{background:#49545b;color:#fff;padding:78px 22px 70px}
.codex-sgp-routes-hub .kicker{margin:0 0 14px;font-size:16px;line-height:1.4;font-weight:800;text-transform:uppercase;color:#fff}
.codex-sgp-routes-hub h1{font-family:"Playfair Display",Georgia,serif;font-size:54px;line-height:1.08;font-weight:500;margin:0 0 22px;color:#fff;letter-spacing:0}
.codex-sgp-routes-hub .lead{font-size:22px;line-height:1.58;max-width:890px;margin:0;color:#fff}
.codex-sgp-routes-hub .section{padding:58px 22px;border-bottom:1px solid rgba(0,0,0,.08)}
.codex-sgp-routes-hub h2{font-family:"Playfair Display",Georgia,serif;font-size:38px;line-height:1.18;font-weight:500;margin:0 0 18px;color:#202020;letter-spacing:0}
.codex-sgp-routes-hub h3{font-size:24px;line-height:1.28;font-weight:800;margin:0 0 14px;color:#202020}
.codex-sgp-routes-hub p{font-size:18px;line-height:1.7;color:#2b2b2b;margin:0 0 18px}
.codex-sgp-routes-hub .intro{max-width:820px;margin-bottom:30px}
.codex-sgp-routes-hub .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.codex-sgp-routes-hub .btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border-radius:6px;text-decoration:none;border-bottom:0;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:0}
.codex-sgp-routes-hub .btn_primary{background:#c87d56;color:#fff!important}
.codex-sgp-routes-hub .btn_secondary{background:#fff;color:#202020!important;border:2px solid #202020}
.codex-sgp-routes-hub .btn_dark{background:#202020;color:#fff!important}
.codex-sgp-routes-hub .note{background:#fff;border-left:4px solid #c87d56;padding:22px 24px;margin:30px 0 0}
.codex-sgp-routes-hub .final{background:#202020;color:#fff}
.codex-sgp-routes-hub .final h2,.codex-sgp-routes-hub .final p{color:#fff}
@media(max-width:980px){
.codex-sgp-routes-hub .hero{padding-top:230px}
}
@media(max-width:760px){
.codex-sgp-routes-hub .hero{padding:230px 20px 48px}
.codex-sgp-routes-hub .section{padding:42px 20px}
.codex-sgp-routes-hub h1{font-size:38px}
.codex-sgp-routes-hub h2{font-size:32px}
.codex-sgp-routes-hub .lead{font-size:19px}
.codex-sgp-routes-hub .actions{display:grid;grid-template-columns:1fr}
}
</style>
<style>
.codex-sgp-routes-hub .routes{display:grid;gap:22px}
.codex-sgp-routes-hub .video-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,260px);gap:28px;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:8px;padding:28px}
.codex-sgp-routes-hub .video-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.codex-sgp-routes-hub .video-card__meta span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#f2ebe7;color:#202020;font-size:14px;line-height:1.2;font-weight:700}
.codex-sgp-routes-hub .video-card__preview{display:block;justify-self:end;width:100%;max-width:230px;background:#202020;border-radius:8px;padding:8px;box-shadow:0 18px 38px rgba(0,0,0,.16);text-decoration:none}
.codex-sgp-routes-hub .video-card__screen{overflow:hidden;border-radius:6px;background:#111;aspect-ratio:9/16}
.codex-sgp-routes-hub video{display:block;width:100%;height:100%;object-fit:cover;background:#111}
@media(max-width:760px){
.codex-sgp-routes-hub .video-card{grid-template-columns:1fr;padding:22px;gap:22px}
.codex-sgp-routes-hub .video-card__preview{justify-self:center;max-width:270px}
}
</style>
<div class="hero"><div class="wrap">
<p class="kicker">Сочи Галерея Парк • маршруты с телефона</p>
<h1>Маршруты и видео</h1>
<p class="lead">Короткие вертикальные видео, чтобы заранее увидеть прогулку по центру Сочи: от отеля к Морпорту, дальше к пляжу Ривьера и по самому парку.</p>
</div></div>
<div class="section"><div class="wrap">
<h2>Видео-маршруты рядом с отелем</h2>
<p class="intro">Эти ролики не обещают “30 секунд до моря”: это короткий формат видео. Реальная прогулка зависит от темпа, остановок и маршрута, но по ним удобно понять направление и атмосферу перед выходом.</p>
<div class="routes">
<article class="video-card">
<div>
<h3>От отеля до Морпорта</h3>
<p>Короткое видео маршрута от Сочи Галерея Парк по пешеходной Навагинской к Морпорту и набережной. Удобно посмотреть с телефона перед прогулкой.</p>
<div class="video-card__meta"><span>30 секунд видео</span><span>около 15 минут пешком</span><span>центр Сочи</span></div>
<div class="actions"><a class="btn btn_primary" href="/marshrut-otel-morport">Смотреть маршрут</a></div>
</div>
<a class="video-card__preview" href="/marshrut-otel-morport" aria-label="Смотреть видео: От отеля до Морпорта">
<div class="video-card__screen"><video src="https://static.tildacdn.com/vide3364-3334-4339-a230-633065346531/sgpark-navaginskaya-.mp4" playsinline muted autoplay loop preload="metadata"></video></div>
</a>
</article>
<article class="video-card">
<div>
<h3>От Морпорта до пляжа Ривьера</h3>
<p>Видео-прогулка от Морского порта к пляжу Ривьера. Удобный второй маршрут после прогулки по Навагинской и выходу к Морпорту.</p>
<div class="video-card__meta"><span>27 секунд видео</span><span>пеший маршрут</span><span>пляж Ривьера</span></div>
<div class="actions"><a class="btn btn_primary" href="/marshrut-morport-plyazh-riviera">Смотреть маршрут</a></div>
</div>
<a class="video-card__preview" href="/marshrut-morport-plyazh-riviera" aria-label="Смотреть видео: От Морпорта до пляжа Ривьера">
<div class="video-card__screen"><video src="https://static.tildacdn.com/vide3839-3638-4032-b665-396133646261/sgpark-morport-rivie.mp4" playsinline muted autoplay loop preload="metadata"></video></div>
</a>
</article>
<article class="video-card">
<div>
<h3>Прогулка по парку Ривьера</h3>
<p>Короткое видео по зеленому парку Ривьера: аллеи, прогулочная атмосфера и маршрут, который удобно добавить после выхода к пляжу.</p>
<div class="video-card__meta"><span>30 секунд видео</span><span>парк Ривьера</span><span>семейная прогулка</span></div>
<div class="actions"><a class="btn btn_primary" href="/progulka-po-parku-riviera">Смотреть маршрут</a></div>
</div>
<a class="video-card__preview" href="/progulka-po-parku-riviera" aria-label="Смотреть видео: Прогулка по парку Ривьера">
<div class="video-card__screen"><video src="https://static.tildacdn.com/vide6266-3036-4966-a537-383132313931/sgpark-riviera-park-.mp4" playsinline muted autoplay loop preload="metadata"></video></div>
</a>
</article>
</div>
</div></div>
<div class="section final"><div class="wrap">
<h2>Удобно жить там, откуда начинается прогулка</h2>
<p>Сочи Галерея Парк находится на Навагинской, 14. Это самый центр Сочи: можно выйти из отеля и сразу идти по пешеходному маршруту к Морпорту, пляжу и парку.</p>
<div class="actions">
<a class="btn btn_secondary" href="/rooms">Выбрать номер</a>
<a class="btn btn_primary" href="/booking">Узнать цены</a>
</div>
</div></div>
</section>