/* Content stays readable before JavaScript and when animations are disabled. */
.motion-reveal{--motion-delay:0ms}
.motion-arrived{animation:sillage-reveal 1.15s cubic-bezier(.2,.65,.2,1) both;animation-delay:var(--motion-delay)}
@keyframes sillage-reveal{from{opacity:.18;transform:translateY(46px)}to{opacity:1;transform:translateY(0)}}
.motion-frame{overflow:hidden}
.motion-frame>img{animation:sillage-section-camera 10s linear infinite;animation-direction:var(--camera-direction,alternate);animation-play-state:paused;transform-origin:55% 50%}
.motion-active .motion-frame.motion-in-view>img{animation-play-state:running}
@keyframes sillage-section-camera{from{transform:scale(1.04) translateX(-.8%)}to{transform:scale(1.16) translateX(.8%)}}
.motion-paused .motion-arrived{animation-play-state:paused}
.motion-hidden .motion-frame>img,.motion-hidden .motion-arrived{animation-play-state:paused!important}
.motion-control{position:fixed;z-index:15;right:24px;bottom:20px;display:flex;align-items:center;gap:10px;min-height:44px;padding:12px 18px;border:1px solid #9aa68e;border-radius:30px;background:#15251cf2;color:var(--paper);font-size:.75rem;line-height:1.5;box-shadow:0 4px 25px #06130c25}
.motion-control:hover{background:var(--paper);color:var(--ink)}
.motion-control:focus-visible{outline-color:var(--paper);outline-offset:4px}
.motion-mark{width:12px;height:14px;position:relative;flex-shrink:0}
.motion-mark:before,.motion-mark:after{content:'';position:absolute;top:1px;height:12px;width:3px;background:currentColor}
.motion-mark:before{left:1px}.motion-mark:after{right:1px}
.motion-paused .motion-mark:before{width:0;height:0;background:none;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor;left:1px}
.motion-paused .motion-mark:after{display:none}
.site-footer{padding-bottom:85px}
@media(hover:hover){.motion-active .gallery-visual:hover>img{scale:1.04}.motion-active .gallery-visual>img{transition:scale .6s ease}.motion-active .experience-strip a{transition:background .4s ease}.motion-active .text-link{transition:padding .35s ease}.motion-active .text-link:hover{padding-inline:8px}}
@media(max-width:760px){.motion-control{right:12px;bottom:12px;padding:10px 14px}.motion-active .motion-arrived{animation-duration:.9s}@keyframes sillage-reveal{from{opacity:.18;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html:not(.motion-opted-in) .motion-frame>img,html:not(.motion-opted-in) .motion-arrived{animation:none;transform:none}html:not(.motion-opted-in) .gallery-visual>img{transition:none;scale:1}}
@media print{.motion-control{display:none}.motion-arrived,.motion-frame>img{animation:none!important;transform:none!important}}
