/* NeoWeb / Prvi Korak — "Moments from the Journeys".
   Original Wayo layout rules scoped to this Elementor widget.
   The gallery requires its 1fr grid tracks to keep their intrinsic minimum width
   so the outer images intentionally extend past the viewport and get clipped.
   No Webflow global reset/runtime is loaded. */
.pk-moments-journey {
  --pk-mj-radius:2px;
  --pk-mj-initial-width:36vw;
  --pk-mj-initial-height:75vh;
  --pk-mj-scroll-height:400vh;
  background-color:var(--pk-light,#eef2f2);
  color:var(--pk-dark,#313432);
  padding-top:80px;
  padding-bottom:0;
  position:relative;
  width:var(--pk-mj-viewport-width,100%);
  max-width:none;
  margin-left:var(--pk-mj-viewport-offset,0px);
  overflow:visible;
  isolation:isolate;
}
.pk-moments-journey *, .pk-moments-journey *::before,.pk-moments-journey *::after {box-sizing:border-box}
.pk-moments-journey .base-container {
  max-width:var(--pk-container,1440px);
  width:100%;
  margin:0 auto;
  padding-left:15px;
  padding-right:15px;
}
.pk-moments-journey .center-title {
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:-40px;
  position:relative;
  z-index:1;
}
.pk-moments-journey .center-title h2 {
  font-family:var(--pk-font-heading,"Agdasima",sans-serif);
  color:var(--pk-dark,#313432);
  text-transform:uppercase;
  font-size:70px;
  font-weight:700;
  line-height:1;
  letter-spacing:-1.4px;
  margin:0;
}
/* Original Webflow layout, scoped to prevent clashes with Elementor .grid/.box. */
.pk-moments-journey .video-animation-section {height:var(--pk-mj-scroll-height);position:relative;}
.pk-moments-journey .box {
  display:flex;justify-content:flex-start;align-items:center;
  width:100%;height:100vh;height:100svh;position:sticky;top:0;overflow:hidden;
}
.pk-moments-journey .grid {
  display:grid;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr 1fr;
  grid-auto-columns:1fr;grid-auto-flow:column;
  place-content:center;place-items:center stretch;
  width:100%;height:75vh;height:75svh;
  max-width:none;
  margin:0;padding:0;
}
.pk-moments-journey .left-box,.pk-moments-journey .right-box {
  display:grid;
  grid-template-rows:auto;
  grid-template-columns:1fr;
  grid-auto-columns:1fr;grid-auto-flow:column;
  align-items:center;justify-items:end;
  column-gap:1rem;row-gap:1rem;
  padding-left:1rem;padding-right:1rem;
  /* Keep the intrinsic grid width (Webflow original); do not force min-width:0. */
  will-change:transform,opacity;
}
.pk-moments-journey .one-image-box {width:20vw;}
.pk-moments-journey .two-images-box {
  display:grid;
  grid-template-rows:auto auto;
  grid-template-columns:1fr;
  grid-auto-columns:1fr;
  gap:1rem;width:18vw;position:relative;
}
.pk-moments-journey .image-portrait {
  display:block;width:100%;height:auto;aspect-ratio:2/3;
  object-fit:cover;border-radius:var(--pk-mj-radius);max-width:100%;
}
.pk-moments-journey .auto-image-wrap {width:auto;min-width:0;}
.pk-moments-journey .image-square {
  display:block;aspect-ratio:1;object-fit:cover;
  border-radius:var(--pk-mj-radius);width:100%;height:100%;max-width:100%;
}
.pk-moments-journey .center-video-box {
  width:var(--pk-mj-initial-width);height:var(--pk-mj-initial-height);
  justify-self:center;align-self:center;
  overflow:hidden;min-width:0;
  position:relative;z-index:3;
  will-change:width,height;
}
.pk-moments-journey .video-animation-wrapper {
  display:flex;justify-content:center;align-items:flex-start;
  width:100%;height:100%;position:relative;overflow:hidden;
  border-radius:var(--pk-mj-radius);
}
.pk-moments-journey .background-video {
  display:flex;justify-content:center;align-items:center;
  object-fit:cover;width:100%;height:100%;position:relative;
}
.pk-moments-journey .pk-mj-video {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  max-width:none;display:block;
}
.pk-moments-journey .video-overlay {
  background-color:#324144;opacity:.4;width:100%;height:100%;
  position:absolute;inset:0;z-index:1;pointer-events:none;
}
.pk-moments-journey .image-video-decor.small {
  width:400px;max-width:80%;height:auto;position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  z-index:2;pointer-events:none;object-fit:contain;
}
.pk-moments-journey .play-pause-button {
  position:relative;z-index:3;flex:0 0 auto;
  width:54px;height:54px;border:0;background:none;padding:0;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:opacity .2s ease;
}
.pk-moments-journey .play-pause-button:hover {opacity:.75;}
.pk-moments-journey .play-pause-button svg {display:block;width:54px;height:54px;}
.pk-moments-journey .play-pause-button .pk-mj-icon-play {display:none;}
.pk-moments-journey .play-pause-button[data-pk-mj-state="paused"] .pk-mj-icon-play {display:block;}
.pk-moments-journey .play-pause-button[data-pk-mj-state="paused"] .pk-mj-icon-pause {display:none;}
.pk-moments-journey .play-pause-button:focus-visible {outline:2px solid #fff;outline-offset:7px;}
.pk-moments-journey[data-pk-mj-motion="no"] .video-animation-section {height:100vh;}
.pk-moments-journey[data-pk-mj-motion="no"] .box {position:relative;}
.pk-moments-journey[data-pk-mj-motion="no"] .center-video-box {width:min(100vw,100%);height:100vh;}
@media (min-width:1280px) {
  .pk-moments-journey {padding-top:130px;}
  .pk-moments-journey .base-container {padding-inline:20px;}
  .pk-moments-journey .center-title h2 {font-size:78px;}
}
@media (min-width:1440px) {.pk-moments-journey .base-container {padding-inline:40px;}}
@media (min-width:1920px) {.pk-moments-journey .image-video-decor.small {width:500px;}}
/* As in Wayo, the pin/zoom is disabled on 991px screens and below. */
@media (max-width:991px) {
  .pk-moments-journey {padding-bottom:80px;}
  .pk-moments-journey .center-title {margin-bottom:40px;}
  .pk-moments-journey .video-animation-section {height:auto!important;padding:0 15px;}
  .pk-moments-journey .box {position:static;height:auto;overflow:visible;}
  .pk-moments-journey .grid {
    display:grid;grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto;grid-auto-flow:row;
    place-content:stretch;place-items:stretch;
    gap:15px;height:auto;
  }
  .pk-moments-journey .left-box,.pk-moments-journey .right-box {
    display:block;padding:0;transform:none!important;opacity:1!important;
  }
  .pk-moments-journey .one-image-box.hide-tab {display:none;}
  .pk-moments-journey .two-images-box {grid-template-columns:1fr .7fr;grid-template-rows:auto;gap:15px;width:100%;max-width:100%;}
  .pk-moments-journey .two-images-box.bottom {grid-template-columns:.7fr 1fr;}
  .pk-moments-journey .auto-image-wrap {width:100%;height:250px;}
  .pk-moments-journey .image-square {height:100%;width:100%;object-fit:cover;}
  .pk-moments-journey .center-video-box {width:100%!important;height:300px!important;transform:none!important;}
  .pk-moments-journey .image-video-decor.small {width:230px;}
  .pk-moments-journey .center-title h2 {font-size:50px;}
}
@media (max-width:767px) {
  .pk-moments-journey {padding-top:60px;padding-bottom:60px;}
  .pk-moments-journey .two-images-box {grid-template-columns:1fr .5fr;}
  .pk-moments-journey .two-images-box.bottom {grid-template-columns:.5fr 1fr;}
  .pk-moments-journey .auto-image-wrap {height:200px;}
  .pk-moments-journey .image-square {aspect-ratio:auto;}
  .pk-moments-journey .center-video-box {height:200px!important;}
  .pk-moments-journey .image-video-decor.small {width:150px;}
  .pk-moments-journey .center-title h2 {font-size:42px;}
  .pk-moments-journey .play-pause-button,.pk-moments-journey .play-pause-button svg {height:42px;width:42px;}
}
@media (prefers-reduced-motion:reduce) {
  .pk-moments-journey [data-pk-mj-title] {opacity:1!important;transform:none!important;transition:none!important;}
  .pk-moments-journey .left-box,.pk-moments-journey .right-box {will-change:auto;}
}