/* Movimiento ambiental: las orillas se mecen apenas, la de Izel con destellos y la de Diego con ceniza. */
.shore img{--parallax-x:0px;--parallax-y:0px;transform:translate(var(--parallax-x),var(--parallax-y)) scale(1.03);transform-origin:center bottom;transition:transform 1.5s ease-out;will-change:transform}
.particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.mote{position:absolute;bottom:-12px;left:var(--x);width:var(--size);height:var(--size);opacity:0;animation:rise var(--duration) linear infinite;animation-delay:var(--delay);will-change:transform,opacity}
.mote.glint{background:#fff3c8;box-shadow:0 0 8px #ffe9a888}
.mote.ash{background:#8d8796}
@keyframes rise{0%{opacity:0;transform:translate(0,0)}15%{opacity:.75}75%{opacity:.45}100%{opacity:0;transform:translate(var(--drift),-640px)}}
.hero h1{animation:arrive 1.2s ease-out both}.hero-line{animation:arrive 1.2s .12s ease-out both}.hero-description{animation:arrive 1.2s .22s ease-out both}.hero-actions{animation:arrive 1.2s .32s ease-out both}
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.motion-ready .reveal{transition:opacity .75s ease,transform .75s ease;transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(22px)}
.world-grid figure{overflow:hidden}
.world-grid figure img,.gallery .shot img{transition:transform .5s ease,border-color .3s ease}
.world-grid figure:hover img{transform:scale(1.025)}
.shot:hover img{transform:translateY(-3px)}
body.motion-paused *,body.tab-hidden *{animation-play-state:paused!important}
body.motion-paused .shore img{transform:scale(1.03);transition:none}
body.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
body.motion-paused .hero-content *{opacity:1!important;transform:none!important}
body.motion-paused .world-grid figure:hover img,body.motion-paused .shot:hover img{transform:none}
@media(max-width:700px){.shore img{transform:none}.particles{display:none}}
@media(prefers-reduced-motion:reduce){.shore img{transform:none;transition:none}.mote,.hero-content *{animation:none!important}.particles{display:none}.motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}.world-grid figure:hover img,.shot:hover img{transform:none}}