/* Hero scroll cue (Rings of Reflection, chosen 2026-11-08). Loaded only by pages that carry a [data-scue] anchor in their hero. */
@media (min-width:701px){
.home .hero-in{padding-bottom:96px}
.hero-waves .wrap{padding-bottom:96px}
}
.scue{display:grid;place-items:center;position:absolute;left:50%;bottom:22px;width:42px;height:42px;margin-left:-21px;border-radius:50%;background:#1B2342;z-index:3;transition:opacity .35s ease,visibility 0s linear 0s}
.scue.pin{position:fixed;box-shadow:0 0 0 2px #fff,0 6px 18px rgba(27,35,66,.28)}
@media (max-width:700px){.scue{left:auto;right:16px;margin-left:0}}
.scue::before,.scue::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(59,95,168,.7);opacity:0;pointer-events:none}
.scue svg{position:relative;width:20px;height:20px;display:block}
.scue:hover{background:#3B5FA8}
.scue:focus-visible{outline:2px solid #1B2342;outline-offset:6px}
.scue.gone{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s linear .35s}
@keyframes scue-ring{0%{transform:scale(1);opacity:.75}100%{transform:scale(2.1);opacity:0}}
@keyframes scue-nudge{0%,100%{transform:translateY(-1px)}50%{transform:translateY(4px)}}
body.motion .scue::before{animation:scue-ring 3.2s ease-out 1.5s infinite}
body.motion .scue::after{animation:scue-ring 3.2s ease-out 3.1s infinite}
body.motion .scue svg{animation:scue-nudge 2.4s ease-in-out 1.5s infinite}
body.motion .scue:hover::before,body.motion .scue:hover::after{animation:none}