/* Open / In Motion — real film and responsive editorial movement. */
.in-motion .open-mast{padding-top:24px}
.in-motion .open-headline{padding-top:10px;padding-bottom:30px}
.in-motion .open-headline h1{font-size:clamp(80px,9vw,132px)}
.in-motion .open-window{height:70vh;min-height:480px;max-height:850px;width:94%;max-width:1800px;border-radius:0}
.motion-film{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;filter:saturate(.78)}
.in-motion .open-window .motion-film{object-position:50% 52%;animation:film-breathe 22s ease-in-out infinite alternate}
.in-motion .open-window:after{pointer-events:none}
.in-motion .open-bottom{padding-bottom:6px}
.motion-global{position:fixed;left:20px;bottom:16px;z-index:40;background:#f7f5eff2;color:#34453e;border-color:#a9b6a8;box-shadow:0 2px 12px #172d2612}
.motion-ribbon{overflow:hidden;padding:30px 0;border-top:1px solid #d8ddd2;border-bottom:1px solid #d8ddd2;background:#eeeee6;margin-top:30px;color:#5b7061}
.motion-ribbon>div{display:flex;width:max-content;animation:ribbon 42s linear infinite}
.motion-ribbon span{font:italic 45px/1.2 'Instrument Serif';white-space:nowrap;flex-shrink:0}
.in-motion .feeling-card .motion-film{transition:transform 1s;object-position:50% 50%}
.in-motion .feeling-card:hover .motion-film{transform:scale(1.05)}
.in-motion .feeling-card>img{animation:photo-travel 20s ease-in-out infinite alternate}
.in-motion .feeling-card:nth-child(2)>img{animation-delay:-6s}.in-motion .feeling-card:nth-child(3)>img{animation-delay:-12s}
.film-interlude{position:relative;min-height:620px;height:75vh;max-height:850px;overflow:hidden;background:#294c49;color:#fff}
.interlude-media{position:absolute;inset:0}.interlude-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102c2dd1,#102c2d15)}
.interlude-copy{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding:100px 0}
.in-motion .interlude-copy h2{font:400 clamp(74px,8vw,120px)/.96 'Instrument Serif';color:#fff;max-width:800px;margin:25px 0}
.in-motion .interlude-copy h2 em{color:#e8eee3}.interlude-copy>p:last-child{font-size:17px}
.in-motion .open-stories article>img{animation:story-breathe 16s ease-in-out infinite alternate;clip-path:inset(0)}
.in-motion .open-stories article{overflow:hidden}
.in-motion .text-link span:last-child{animation:arrow-call 3s ease-in-out infinite}
.in-motion .open-round{animation:buoy 3s ease-in-out infinite}
.motion-off .open-round,.motion-off .text-link span:last-child{transform:none}
@keyframes ribbon{to{transform:translateX(-50%)}}
@keyframes film-breathe{from{transform:scale(1)}to{transform:scale(1.055)}}
@keyframes photo-travel{from{transform:scale(1.01) translateX(-.5%)}to{transform:scale(1.10) translateX(.5%)}}
@keyframes story-breathe{from{filter:saturate(.78)}to{filter:saturate(1)}}
@keyframes arrow-call{0%,70%,100%{transform:translate(0,0)}85%{transform:translate(4px,-4px)}}
@keyframes buoy{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:850px){.in-motion .open-mast{padding-top:25px}.in-motion .open-headline h1{font-size:clamp(72px,16vw,105px)}.in-motion .open-window{width:100%;height:60svh;min-height:420px}.in-motion .open-window .motion-film{object-position:57% 50%}.motion-ribbon{padding:22px 0}.motion-ribbon span{font-size:35px}.film-interlude{height:65svh;min-height:520px}.in-motion .interlude-copy h2{font-size:68px}.motion-global{left:10px;bottom:10px;font-size:10px;padding:8px 12px}.interlude-copy{padding:75px 0}.interlude-copy>p:last-child{font-size:15px}}
@media(max-width:350px){.in-motion .open-headline h1{font-size:66px}.in-motion .interlude-copy h2{font-size:59px}}
@media(prefers-reduced-motion:reduce){.motion-ribbon>div,.motion-film,.in-motion .feeling-card>img,.in-motion .open-stories article>img{animation:none!important}}
.motion-off .appear,.motion-off .appear-delay{animation:none!important;opacity:1;transform:none}

/* Every travel scene is now a real video. Logo images stay still. */
.in-motion .open-stories article>.editorial-film{position:relative;inset:auto;width:100%;height:460px;object-fit:cover;display:block;filter:saturate(.8)}
.in-motion .open-stories .polar-story>.editorial-film{height:350px;object-position:50% 50%}
.in-motion .feeling-card>.card-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.in-motion .feeling-card[data-feeling="solo"]>.card-film{object-position:50% 50%}
@media(max-width:850px){.in-motion .open-stories article>.editorial-film{height:340px}.in-motion .open-stories .polar-story>.editorial-film{height:300px}}
@media(max-width:420px){.in-motion .open-stories .polar-story>.editorial-film{height:280px}}

.in-motion .open-window .journey-film{animation:none;object-position:center center}.in-motion .window-caption>.label{max-width:390px}@media(max-width:850px){.in-motion .window-caption>.label{max-width:180px}.in-motion .open-window .journey-film{object-position:50% 50%}}

/* Preserve the complete cinematic composition on every screen. */
.in-motion .open-window{height:auto;min-height:0;max-height:none;aspect-ratio:16/9;overflow:visible;margin-bottom:64px;background:#e8e8df}
.in-motion .open-window .journey-film{object-fit:contain;filter:saturate(.92)}
.in-motion .open-window:after{display:none}
.in-motion .open-window .window-caption{position:absolute;top:100%;bottom:auto;left:0;right:0;padding:16px 0;color:#34453e;align-items:center;gap:15px}
.in-motion .window-caption>.label{max-width:none}
.in-motion .window-caption .motion{color:#34453e;border-color:#9ca99d}
.in-motion .open-stories .river-story>.editorial-film{height:auto;aspect-ratio:16/9;object-fit:contain}
@media(max-width:850px){.in-motion .open-window{width:100%;height:auto;min-height:0;aspect-ratio:16/9;margin-bottom:82px}.in-motion .open-window .window-caption{padding:14px 18px}.in-motion .window-caption>.label{font-size:9px;line-height:1.5;max-width:60%}.in-motion .window-caption .motion{font-size:10px;padding:8px}.in-motion .open-stories .river-story>.editorial-film{height:auto}}

@media(max-width:850px){.in-motion .open-bottom>span{display:block}.in-motion .open-bottom>a{display:inline-block;margin-top:12px}}

.land-story{grid-column:1 / -1;max-width:100%}.land-story video{width:100%;aspect-ratio:16/9;object-fit:contain}.land-story>div{padding-top:1.5rem}.footer-bottom{flex-wrap:wrap;gap:1rem}.footer-contact{gap:.65rem}
