#horizon { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; opacity: 0; pointer-events: none; transition: opacity 1.1s ease; }
.scene { transition: opacity 1.1s ease; }
.venture { background: linear-gradient(160deg, rgba(12,28,33,.72), rgba(5,13,18,.78)); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.venture__desc { color: #cadbe1; }
.portal-aperture { display: inline-flex; align-items: center; gap: 9px; font-size: 24px; font-weight: 640; letter-spacing: -.06em; line-height: 1; }
.portal-aperture svg { flex: none; overflow: visible; }
.horizon-settled .scene *, html[data-grid-motion='paused'] .scene *, html[data-grid-hidden='true'] .scene * { animation-play-state: paused !important; }
.horizon-ready #horizon { opacity: 1; }
.horizon-ready .scene { opacity: 0; }
html[data-horizon='paused'] .caret, html[data-horizon='fallback'] .caret { animation-play-state: paused; }
#horizon-motion { position: fixed; right: 20px; bottom: 14px; z-index: 3; border: 1px solid #244147; border-radius: 20px; background: #071217e6; color: #bed7dc; min-height: 44px; padding: 0 16px; font: 12px system-ui; cursor: pointer; }
#horizon-motion:focus-visible { outline: 2px solid #2ee0cf; outline-offset: 4px; }
#horizon-motion:disabled { cursor: default; color: #81989d; }
@media (max-width: 600px) { .foot { padding-bottom: 78px; } #horizon-motion { right: 12px; bottom: 12px; } }
@media (prefers-reduced-motion: reduce) { #horizon, .scene { transition: none; } }