/* Scroll cue (after grounded2026.com): a progressive "focus" blur along the bottom of the screen, and a "Scroll" label that
   follows the mouse across it. Never blocks clicks (pointer-events:none); the label switches ivory / ink with what is behind it.
   The blur is 8 stacked backdrop-filter layers, each half the one below (16 px at the bottom edge, as a lens defocuses), each with a stepped mask, so the
   focus falls off over the full height of the band. At the end of the page (nothing more to scroll) the blur strength and the
   label animate down to zero together; opacity is not used on the band itself, as a translucent parent would switch the
   backdrop blur off at once instead of fading it. */
.amis-cue{position:fixed;left:0;right:0;bottom:0;height:clamp(88px,16vh,160px);z-index:35;pointer-events:none;visibility:visible;transition:visibility 0s linear 0s}
.amis-cue__blur{position:absolute;inset:0}
.amis-cue__blur i{position:absolute;inset:0;transition:-webkit-backdrop-filter .6s cubic-bezier(.4,0,.2,1),backdrop-filter .6s cubic-bezier(.4,0,.2,1)}
.amis-cue__blur i:nth-child(1){-webkit-backdrop-filter:blur(16.00px);backdrop-filter:blur(16.00px);-webkit-mask-image:linear-gradient(to top,#000 0%,#000 10.0%,transparent 30.0%);mask-image:linear-gradient(to top,#000 0%,#000 10.0%,transparent 30.0%)}
.amis-cue__blur i:nth-child(2){-webkit-backdrop-filter:blur(8.00px);backdrop-filter:blur(8.00px);-webkit-mask-image:linear-gradient(to top,transparent 0.0%,#000 10.0%,#000 20.0%,transparent 40.0%);mask-image:linear-gradient(to top,transparent 0.0%,#000 10.0%,#000 20.0%,transparent 40.0%)}
.amis-cue__blur i:nth-child(3){-webkit-backdrop-filter:blur(4.00px);backdrop-filter:blur(4.00px);-webkit-mask-image:linear-gradient(to top,transparent 10.0%,#000 20.0%,#000 30.0%,transparent 50.0%);mask-image:linear-gradient(to top,transparent 10.0%,#000 20.0%,#000 30.0%,transparent 50.0%)}
.amis-cue__blur i:nth-child(4){-webkit-backdrop-filter:blur(2.00px);backdrop-filter:blur(2.00px);-webkit-mask-image:linear-gradient(to top,transparent 20.0%,#000 30.0%,#000 40.0%,transparent 60.0%);mask-image:linear-gradient(to top,transparent 20.0%,#000 30.0%,#000 40.0%,transparent 60.0%)}
.amis-cue__blur i:nth-child(5){-webkit-backdrop-filter:blur(1.00px);backdrop-filter:blur(1.00px);-webkit-mask-image:linear-gradient(to top,transparent 30.0%,#000 40.0%,#000 50.0%,transparent 70.0%);mask-image:linear-gradient(to top,transparent 30.0%,#000 40.0%,#000 50.0%,transparent 70.0%)}
.amis-cue__blur i:nth-child(6){-webkit-backdrop-filter:blur(0.50px);backdrop-filter:blur(0.50px);-webkit-mask-image:linear-gradient(to top,transparent 40.0%,#000 50.0%,#000 60.0%,transparent 80.0%);mask-image:linear-gradient(to top,transparent 40.0%,#000 50.0%,#000 60.0%,transparent 80.0%)}
.amis-cue__blur i:nth-child(7){-webkit-backdrop-filter:blur(0.25px);backdrop-filter:blur(0.25px);-webkit-mask-image:linear-gradient(to top,transparent 50.0%,#000 60.0%,#000 70.0%,transparent 90.0%);mask-image:linear-gradient(to top,transparent 50.0%,#000 60.0%,#000 70.0%,transparent 90.0%)}
.amis-cue__blur i:nth-child(8){-webkit-backdrop-filter:blur(0.12px);backdrop-filter:blur(0.12px);-webkit-mask-image:linear-gradient(to top,transparent 60.0%,#000 70.0%,#000 80.0%,transparent 100.0%);mask-image:linear-gradient(to top,transparent 60.0%,#000 70.0%,#000 80.0%,transparent 100.0%)}
/* Tint: an ink shade over dark backgrounds, an ivory wash over light ones (the same light / dark reading as the label), strongest
   at the bottom edge and eased out over the band like the blur; the two cross-fade as the page changes underneath. */
.amis-cue__tint{position:absolute;inset:0;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}
.amis-cue__tint--dark{background:linear-gradient(to top,rgba(22,17,14,.42) 0%,rgba(22,17,14,.3) 22%,rgba(22,17,14,.14) 50%,rgba(22,17,14,.04) 78%,rgba(22,17,14,0) 100%)}
.amis-cue__tint--light{background:linear-gradient(to top,rgba(251,246,239,.62) 0%,rgba(251,246,239,.44) 22%,rgba(251,246,239,.2) 50%,rgba(251,246,239,.06) 78%,rgba(251,246,239,0) 100%)}
.amis-cue:not(.is-light) .amis-cue__tint--dark,.amis-cue.is-light .amis-cue__tint--light{opacity:1}
.amis-cue.is-end .amis-cue__tint,.amis-cue.is-hidden .amis-cue__tint{opacity:0;transition-duration:.6s}
.amis-cue__pill{position:absolute;left:50%;bottom:clamp(14px,2.2vh,22px);display:flex;align-items:center;gap:8px;margin-left:calc(var(--cue-w,90px) / -2);padding:6px 14px;color:#FBF6EF;font:500 11px/1 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;will-change:transform;transition:color .4s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1)}
.amis-cue.is-light .amis-cue__pill{color:#2A2622}
/* the arrow: a slim stem with a light chevron head after the word. A faint outline, a brighter stroke running down the stem into
   the head (the "fill"), and a gentle drift down and back. All in the label's colour. */
.amis-cue__arrow{display:block;width:9px;height:13px;flex:none;overflow:visible;animation:amis-cue-drift 2.2s cubic-bezier(.45,0,.55,1) infinite}
.amis-cue__arrow path{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.amis-cue__arrow .t{opacity:.32}
.amis-cue__arrow .f{stroke-dasharray:.45 1.6;stroke-dashoffset:.45}
.amis-cue__arrow .f-stem{animation:amis-cue-fill-stem 2.2s cubic-bezier(.55,0,.45,1) infinite}
.amis-cue__arrow .f-head{animation:amis-cue-fill-head 2.2s cubic-bezier(.55,0,.45,1) infinite}
@keyframes amis-cue-drift{0%,100%{transform:translateY(-1px)}50%{transform:translateY(1.5px)}}
@keyframes amis-cue-fill-stem{0%{stroke-dashoffset:.45}62%,100%{stroke-dashoffset:-1.15}}
@keyframes amis-cue-fill-head{0%,38%{stroke-dashoffset:.45}82%,100%{stroke-dashoffset:-1.15}}
/* touch screens: the label fades after the first scroll (the blur stays) */
.amis-cue.is-gone .amis-cue__pill{opacity:0}
/* nothing more to scroll, or a form field in use: blur and label fade away together */
.amis-cue.is-end .amis-cue__pill,.amis-cue.is-hidden .amis-cue__pill{opacity:0}
.amis-cue.is-end .amis-cue__blur i,.amis-cue.is-hidden .amis-cue__blur i{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}
.amis-cue.is-end,.amis-cue.is-hidden{visibility:hidden;transition:visibility 0s linear .6s}
@media (prefers-reduced-motion:reduce){.amis-cue__arrow,.amis-cue__arrow .f{animation:none}.amis-cue__arrow .f{stroke-dasharray:none;opacity:.85}.amis-cue__pill,.amis-cue__blur i{transition:none}}
@media print{.amis-cue{display:none}}
