/* =========================================================
   Атмосфера: горизонтальная лента «Прогулка по лесу»
   ========================================================= */
.walk { padding: var(--section) 0; background: radial-gradient(60% 50% at 80% 0%, rgba(111, 154, 74, .16), transparent 70%), var(--forest); }
.walk__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 40px; }
.walk__head .h2 { margin: 0; }
.walk__nav { display: flex; gap: 10px; }
.arrow { width: 54px; height: 54px; border: 1px solid var(--gold-soft); color: var(--gold-hi); font-size: 20px; transition: background .3s, border-color .3s; }
.arrow:hover { background: rgba(212, 174, 98, .12); border-color: var(--gold); }
.walk__track { --side: max(var(--gutter), calc((100vw - var(--wrap)) / 2 + var(--gutter))); display: flex; gap: 16px; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-left: var(--side); padding: 0 var(--side) 10px; scrollbar-width: none; }
.walk__track::-webkit-scrollbar { display: none; }
.w { position: relative; flex: none; width: 300px; height: 460px; overflow: hidden; scroll-snap-align: start; border-radius: 150px 150px 0 0; }
.w--tall { width: 330px; }
.w--wide { width: 560px; border-radius: 0; }
.w:nth-child(3n+2) { border-radius: 0 0 150px 150px; }
.w img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--ease); }
.w:hover img { transform: scale(1.05); }

@media (max-width: 900px) {
  .w { width: 250px; height: 380px; }
  .w--tall { width: 270px; }
  .w--wide { width: 420px; }
}
@media (max-width: 600px) {
  .walk__head { flex-direction: column; align-items: flex-start; }
  .walk__nav { display: none; }
  .w, .w--tall { width: 74vw; height: 330px; }
  .w--wide { width: 86vw; }
}