/* One quiet invitation, separate from the musical controls. */
.scroll-discovery{position:absolute;z-index:29;left:50%;top:calc(100% + var(--scroll-cue-gap,16px));bottom:auto;transform:translateX(-50%);pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;max-width:calc(100vw - 36px);padding:10px 23px;border:1px solid #c68bdac4;border-radius:999px;background:linear-gradient(135deg,#53365cdd,#2c2139e8);box-shadow:inset 0 1px 0 #f1d3ff2b,0 4px 22px #0005;color:#f7eefa;font-size:14px;line-height:1.3;letter-spacing:.005em;white-space:nowrap;backdrop-filter:blur(18px);transition:background .18s,box-shadow .18s}
.scroll-discovery:hover{background:linear-gradient(135deg,#684273ed,#392749f2);box-shadow:inset 0 1px 0 #f1d3ff3b,0 3px 24px #b665da24}
.scroll-discovery:focus-visible{outline:2px solid #f3cbff;outline-offset:5px}
.scroll-discovery-arrow{display:inline-block;font-size:19px;line-height:1;animation:scroll-invitation 1.35s ease-in-out .5s 2}
@keyframes scroll-invitation{0%,100%{transform:translateY(0)}45%{transform:translateY(4px)}}
.experience-intro .scroll-discovery,.experience-revealing .scroll-discovery{visibility:hidden}
.motion-paused .scroll-discovery-arrow{animation:none}
.mobile-portfolio .scroll-discovery{display:none!important}
/* Short desktop windows keep the initial controls below the copy, then dock on scroll. */
html[data-scroll-controls=stacked] .transport:not(.header-music){position:absolute;top:var(--scroll-transport-top);bottom:auto;}
@media(prefers-reduced-motion:reduce){.scroll-discovery,.scroll-discovery-arrow{animation:none!important;transition:none!important}}