/* Eight selected full frames, set on a staggered canvas without overlaps. */
.voyage{background:#0b171c;overflow:clip}
.voyage .section{padding-block:55px 90px}
.voyage-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.voyage-heading h2{margin:0;font-size:clamp(48px,5.5vw,74px)}
.voyage-heading p{margin:0;color:#d3d9d0;font-size:16px;line-height:1.65}
.voyage-heading p span{color:#9eafae;font-size:13px}
.voyage-collage{position:relative;aspect-ratio:1220/740}
.voyage-image{position:absolute;background:#12282e;box-shadow:0 12px 30px #0003;isolation:isolate;outline:1px solid #dfd0ad25;transition:outline-color .2s,box-shadow .2s}
.voyage-image img{width:100%;height:auto;aspect-ratio:7/4;object-fit:contain}
.voyage-image:hover,.voyage-image:focus-visible{outline:2px solid #e1bd82;outline-offset:4px;box-shadow:0 15px 40px #0006;z-index:1}
.voyage-zoom{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #f6f0e370;border-radius:50%;color:#fff9e8;background:#091a23a8;font-size:19px;line-height:1;opacity:0;transition:opacity .2s}
.voyage-image:hover .voyage-zoom,.voyage-image:focus-visible .voyage-zoom{opacity:1}
.voyage-image[data-still="L09"]{left:0;top:0;width:47.541%}
.voyage-image[data-still="L08"]{left:49.180%;top:0;width:24.590%}
.voyage-image[data-still="L36"]{left:75.410%;top:5.405%;width:24.590%}
.voyage-image[data-still="L55"]{left:49.180%;top:25.811%;width:24.590%}
.voyage-image[data-still="L49"]{left:75.410%;top:31.216%;width:24.590%}
.voyage-image[data-still="L58"]{left:0;top:47.432%;width:24.590%}
.voyage-image[data-still="L62"]{left:26.230%;top:52.838%;width:24.590%}
.voyage-image[data-still="L11"]{left:54.098%;top:56.757%;width:45.902%}
@media(max-width:1100px){.site-header nav{gap:18px}}
@media(max-width:760px){
  .voyage .section{padding-block:35px 60px}
  .voyage-heading{display:block;margin-bottom:28px}.voyage-heading h2{font-size:48px;margin-bottom:14px}
  .voyage-heading p{font-size:14px}.voyage-heading p br{display:none}.voyage-heading p span{display:block;font-size:12px;margin-top:3px}
  .voyage-collage{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;align-items:start;aspect-ratio:auto}
  .voyage .voyage-image{position:relative;left:auto;top:auto;width:100%;margin:0}
  .voyage-image[data-still="L09"],.voyage-image[data-still="L11"]{grid-column:1/-1}
  .voyage-image[data-still="L36"],.voyage-image[data-still="L49"],.voyage-image[data-still="L62"]{margin-top:10px}
  .voyage-zoom{width:26px;height:26px;right:6px;bottom:6px;opacity:1}
  .site-header nav{gap:17px;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.voyage-image,.voyage-zoom{transition:none}}
