/* Decorative motion is opt-in via the controller; the static composition works without JS. */
.ar-journal .ar-home-hero { overflow: clip; }
.ar-journal .ar-legal-hero .container { z-index: 2; }
[data-astral-scene] { --ar-scene-shift: 0px; }
.ar-atmosphere { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.ar-scene-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; mix-blend-mode: screen; filter: hue-rotate(115deg) saturate(.8); mask-image: linear-gradient(#000 0%, #0008 25%, transparent 65%); transition: opacity 1.2s ease; }
.ar-motion-ready .ar-scene-video[data-video-ready="true"] { opacity: .2; }
.ar-motion-ready .ar-legal-hero .ar-scene-video[data-video-ready="true"] { opacity: .12; }
.ar-atmosphere--galaxy { z-index: -1; border-radius: inherit; }
.ar-atmosphere--galaxy .ar-scene-video {
    filter: saturate(.85);
    mask-image: linear-gradient(90deg, transparent 15%, #0008 45%, #000 78%);
    object-position: 50% 49%;
}
.ar-motion-ready .ar-atmosphere--galaxy .ar-scene-video[data-video-ready="true"] { opacity: .55; }
.ar-aurora-ribbons { position: absolute; inset: -20%; opacity: .45; mix-blend-mode: screen; filter: blur(22px); }
.ar-aurora-ribbons i { position: absolute; width: 75%; height: 25%; top: 20%; right: -10%; background: radial-gradient(ellipse, #7cf9d987, #28a6a530 45%, transparent 70%); transform: rotate(-25deg); }
.ar-aurora-ribbons i:last-child { top: 60%; right: -20%; background: radial-gradient(ellipse, #e1c78d80, #d5a95130 45%, transparent 70%); transform: rotate(25deg); }
.ar-magic-ripples { position: absolute; inset: 0; opacity: .5; }
.ar-magic-ripples i { position: absolute; top: 50%; left: 72%; width: min(55vw, 740px); aspect-ratio: 1; border: 2px solid #c7ffe3; border-radius: 50%; opacity: 0; box-shadow: 0 0 20px #76f1c780, inset 0 0 18px #76f1c74d; }
.ar-legal-hero .ar-aurora-ribbons { opacity: .35; }
.ar-legal-hero .ar-magic-ripples { opacity: .4; }
.ar-astral-particles, .ar-light-veils, .ar-star-trails { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.ar-light-veils { opacity: .65; mix-blend-mode: screen; }
.ar-light-veils i { position: absolute; width: 36%; height: 150%; top: -38%; right: 5%; background: linear-gradient(90deg, transparent, #d8e8ab3b, #fcf1b118, transparent); transform: rotate(28deg); transform-origin: 50% 0; }
.ar-light-veils i:nth-child(2) { right: 25%; width: 18%; opacity: .6; }
.ar-light-veils i:nth-child(3) { right: -15%; width: 55%; background: linear-gradient(90deg, transparent, #83e6d74d, transparent); }
.ar-astrolabe { position: absolute; width: min(48vw, 620px); aspect-ratio: 1; right: -12%; top: 28%; transform: translateY(-50%) rotate(-16deg); color: #f5dfa6; opacity: .45; filter: drop-shadow(0 0 12px #e8cb7fa0); }
.ar-home-hero .ar-astrolabe { opacity: .3; }
.ar-astrolabe svg { width: 100%; height: 100%; stroke: currentColor; stroke-width: 1; }
.ar-astrolabe-outer, .ar-astrolabe-inner { transform-origin: 300px 300px; }
.ar-astral-particles { opacity: .9; }
.ar-star-trails i { position: absolute; top: 14%; left: 62%; width: 220px; height: 2px; opacity: 0; background: linear-gradient(90deg, transparent, #f6e5b7); transform: rotate(-30deg); }
.ar-star-trails i::after { content: ''; position: absolute; right: -2px; top: -2px; width: 6px; height: 6px; border-radius: 50%; background: #fff2d0; box-shadow: 0 0 18px 5px #e6d49b99; }
.ar-star-trails i:nth-child(2) { top: 46%; left: 84%; width: 160px; }
.ar-star-trails i:nth-child(3) { top: 8%; left: 26%; width: 140px; }
.ar-star-trails i:nth-child(4) { top: 64%; left: 95%; width: 280px; }
.ar-star-trails i:nth-child(5) { top: 34%; left: 46%; width: 180px; }
.ar-motion-control { position: absolute; z-index: 4; right: 12px; bottom: 12px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; background: transparent; border: 0; border-radius: 50%; color: #fff3d7; }
.ar-motion-control::before { content: ''; position: absolute; inset: 9px; border: 1px solid #ad915f; border-radius: 50%; background: #1e1c17e8; }
.ar-motion-control[hidden] { display: none; }
.ar-motion-control:hover::before, .ar-motion-control:focus-visible::before { background: #4a3924; border-color: #ffe1a1; }
.ar-motion-control:disabled { color: #d1d8c8; cursor: default; }
.ar-motion-control-icon { position: relative; display: block; width: 7px; height: 9px; border-inline: 2px solid currentColor; }
[data-motion-state="paused"] .ar-motion-control-icon { height: 0; width: 0; border: 5px solid transparent; border-right: 0; border-left: 7px solid currentColor; }
.ar-legal-hero .ar-astrolabe { width: 480px; right: -160px; opacity: .2; }
.ar-legal-hero .ar-light-veils { opacity: .35; }

.ar-motion-ready .ar-journal-landscape { transform: translate3d(0, var(--ar-scene-shift), 0); }
.ar-motion-ready .ar-journal-landscape img { animation: astral-camera 22s ease-in-out infinite alternate; }
.ar-motion-ready .ar-astrolabe-outer { animation: astral-orbit 32s linear infinite; }
.ar-motion-ready .ar-astrolabe-inner { animation: astral-orbit 21s linear infinite reverse; }
.ar-motion-ready .ar-astrolabe { animation: astral-float 9s ease-in-out infinite alternate; }
.ar-motion-ready .ar-aurora-ribbons i { animation: astral-aurora 8s ease-in-out infinite alternate; }
.ar-motion-ready .ar-aurora-ribbons i:last-child { animation-direction: alternate-reverse; animation-duration: 11s; }
.ar-motion-ready .ar-magic-ripples i { animation: astral-ripple 7s linear infinite; }
.ar-motion-ready .ar-magic-ripples i:nth-child(2) { animation-delay: -2.3s; }
.ar-motion-ready .ar-magic-ripples i:nth-child(3) { animation-delay: -4.6s; }
.ar-motion-ready .ar-light-veils i { animation: astral-light 13s ease-in-out infinite alternate; }
.ar-motion-ready .ar-light-veils i:nth-child(2) { animation-delay: -7s; animation-duration: 17s; }
.ar-motion-ready .ar-light-veils i:nth-child(3) { animation-delay: -3s; animation-duration: 11s; }
.ar-motion-ready .ar-star-trails i { animation: astral-trail 6s 1s ease-out infinite; }
.ar-motion-ready .ar-star-trails i:nth-child(2) { animation-delay: 3s; animation-duration: 8s; }
.ar-motion-ready .ar-star-trails i:nth-child(3) { animation-delay: 2s; animation-duration: 7s; }
.ar-motion-ready .ar-star-trails i:nth-child(4) { animation-delay: 4s; animation-duration: 9s; }
.ar-motion-ready .ar-star-trails i:nth-child(5) { animation-delay: .5s; animation-duration: 10s; }
.ar-scene-reveal { opacity: .8; transform: translateY(8px); transition: opacity .6s ease, transform .6s ease; }
.ar-scene-reveal.ar-scene-visible { opacity: 1; transform: none; }

/* Freeze continuous effects outside the viewport, on hidden tabs, or at the user's request. */
.ar-motion-ready [data-astral-scene][data-scene-visible="false"] *,
.ar-motion-ready[data-motion-state="paused"] [data-astral-scene] *,
.ar-motion-ready[data-motion-state="reduced"] [data-astral-scene] * { animation-play-state: paused; }
.ar-motion-ready[data-motion-state="paused"] .ar-scene-reveal,
.ar-motion-ready[data-motion-state="reduced"] .ar-scene-reveal,
.ar-motion-ready[data-motion-state="paused"] .ar-reveal-ready { opacity: 1; transform: none; transition: none; }
.ar-motion-ready[data-motion-state="paused"] .ar-legal-hero .ar-page-hero-title { animation: none; }
.ar-motion-ready[data-motion-state="reduced"] .ar-astral-particles,
.ar-motion-ready[data-motion-state="reduced"] .ar-star-trails,
.ar-motion-ready[data-motion-state="reduced"] .ar-scene-video,
.ar-motion-ready[data-motion-state="reduced"] .ar-aurora-ribbons,
.ar-motion-ready[data-motion-state="reduced"] .ar-magic-ripples { display: none; }

@keyframes astral-aurora { from { transform: translate3d(-8%, 10%, 0) rotate(-30deg) scale(.9); opacity: .35; } to { transform: translate3d(12%, -14%, 0) rotate(10deg) scale(1.2); opacity: .9; } }
@keyframes astral-ripple { 0% { transform: translate(-50%, -50%) scale(.3); opacity: 0; } 20% { opacity: .65; } 100% { transform: translate(-50%, -50%) scale(1.45); opacity: 0; } }
@keyframes astral-camera { from { transform: scale(1.08) translate3d(-1%, 0, 0); } to { transform: scale(1.18) translate3d(1.5%, -2%, 0); } }
@keyframes astral-orbit { to { transform: rotate(360deg); } }
@keyframes astral-float { from { transform: translateY(-52%) rotate(-16deg); } to { transform: translateY(-47%) rotate(-10deg); } }
@keyframes astral-light { from { transform: rotate(20deg) translateX(-15%); opacity: .4; } to { transform: rotate(38deg) translateX(20%); opacity: .85; } }
@keyframes astral-trail { 0%, 70%, 100% { opacity: 0; transform: translate3d(0, 0, 0) rotate(-30deg); } 73% { opacity: .9; } 88% { opacity: 0; transform: translate3d(-480px, 270px, 0) rotate(-30deg); } }

@media (max-width: 767px) {
    .ar-astrolabe { width: 380px; top: 14%; right: -220px; opacity: .35; }
    .ar-legal-hero .ar-astrolabe { width: 390px; right: -180px; }
    .ar-motion-control { right: 8px; bottom: 8px; }
    .ar-light-veils i { width: 65%; }
    .ar-star-trails i { width: 120px; }
    .ar-scene-video { mask-image: linear-gradient(#000 0%, #0006 25%, transparent 55%); }
    .ar-atmosphere--galaxy .ar-scene-video { mask-image: linear-gradient(90deg, transparent 5%, #0008 50%, #000 100%); }
    .ar-magic-ripples i { width: 420px; top: 28%; left: 85%; }
    .ar-aurora-ribbons { filter: blur(14px); opacity: .3; }
}
@media (prefers-reduced-motion: reduce) {
    .ar-atmosphere .ar-astral-particles, .ar-star-trails, .ar-scene-video, .ar-aurora-ribbons, .ar-magic-ripples { display: none; }
    .ar-motion-ready .ar-journal-landscape, .ar-scene-reveal { transform: none; opacity: 1; }
    .ar-astrolabe { opacity: .18; }
}