/* A long desktop scene: centered copy stays pinned while large photos pass at the sides. */
@media(min-width:1201px){
  .place-section{position:relative;width:100%;height:2800px;margin:0;background:var(--paper)}
  .place-stage{position:sticky;top:0;height:100svh;pointer-events:none;z-index:2}
  .place-copy{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:560px;text-align:center;pointer-events:auto}
  .place-copy .place-sun{display:block;width:46px;height:46px;margin:0 auto 28px;color:var(--orange);fill:currentColor;stroke-width:1.6;animation:brand-sun-turn 18s linear infinite}
  .place-copy h2{font-family:Geologica,Arial,sans-serif;font-size:64px;font-weight:600;line-height:1.1;letter-spacing:-.055em;color:var(--ink);max-width:560px;margin:0 auto}
  .place-copy p{font-size:20px;line-height:1.6;color:var(--muted);max-width:470px;margin:26px auto 0;text-wrap:pretty}
  .place-copy .place-gallery-link{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 22px;margin-top:28px;border-radius:10px;background:var(--blue);color:var(--on-accent);font-size:16px;font-weight:600;line-height:1.4;transition:background .2s ease,transform .2s ease}
  .place-copy .place-gallery-link .arrow{width:20px;height:20px}
   .place-copy .place-gallery-link:hover{background:var(--blue-hover);color:var(--on-accent);transform:translateY(-2px)}
  .place-section .distances{display:contents;border:0;padding:0}
  .place-section .distance{position:absolute;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 16px;align-content:start;padding:0;border:0;min-width:0;z-index:1;--enter-x:-48px}
  .place-section .distance-photo{grid-column:1/-1;grid-row:1;width:100%;margin:0 0 14px;border-radius:28px;overflow:clip;background:var(--cream)}
  .place-section .distance-photo img,.place-section .distance:hover .distance-photo img{height:100%;object-fit:cover;transform:none;transition:none}
  .place-section .distance strong{grid-column:1;grid-row:2/4;display:flex;align-items:baseline;gap:6px;font-family:Geologica,Arial,sans-serif;font-weight:600;font-size:30px;line-height:1.1;letter-spacing:-.05em;color:var(--ink)}
  .place-section .distance strong small{font-family:Manrope,Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:0;line-height:1.4;white-space:nowrap;margin:0}
  .place-section .distance h3{grid-column:2;grid-row:2;font-size:19px;line-height:1.35;font-weight:700;letter-spacing:-.025em;min-height:0;margin:0;color:var(--ink)}
  .place-section .distance p{grid-column:2;grid-row:3;font-size:17px;line-height:1.5;min-height:0;margin:0;color:var(--muted)}
  .place-section .distance-playground{left:calc(50% - 875px);top:180px;width:410px}
  .place-section .distance-playground .distance-photo{height:310px}
  .place-section .distance-beach{left:calc(50% - 775px);top:980px;width:480px}
  .place-section .distance-beach .distance-photo{height:360px}
  .place-section .distance-beach .distance-photo img{object-position:60% 65%}
  .place-section .distance-park{right:calc(50% - 875px);top:480px;width:440px;--enter-x:48px}
  .place-section .distance-park .distance-photo{height:430px}
  .place-section .distance-park .distance-photo img{object-position:58% 50%}
  .place-section .distance-alushta{right:calc(50% - 785px);top:1460px;width:460px;--enter-x:48px}
  .place-section .distance-alushta .distance-photo{height:300px}
  .place-section .distance-yalta{left:calc(50% - 850px);top:1820px;width:440px}
  .place-section .distance-yalta .distance-photo{height:330px}
}
@media(min-width:1201px) and (prefers-reduced-motion:no-preference){
  @supports(animation-timeline:view()){
    .place-section .distance{animation:place-photo-arrive linear both;animation-timeline:view();animation-range:entry 0% cover 55%}
  }
}
@keyframes place-photo-arrive{
  from{opacity:0;transform:translateX(var(--enter-x))}
  to{opacity:1;transform:translateX(0)}
}
@media(min-width:1201px) and (prefers-reduced-motion:reduce){
  .place-section .distance,.place-copy .place-sun{animation:none;opacity:1;transform:none}
}