.hero-scroll-indicator{position:absolute;left:50%;bottom:34px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;transform:translateX(-50%);transition:opacity .35s ease}
.hero-scroll-indicator__motion{position:relative;width:28px;height:70px;display:block}
.hero-scroll-indicator__trail,.hero-scroll-indicator__dot{position:absolute;top:0;left:0;width:28px;height:28px;border-radius:999px}
.hero-scroll-indicator__trail{background:rgb(169 86 79 / 72%);animation:due90-scroll-trail 2.15s cubic-bezier(.65,0,.35,1) infinite}
.hero-scroll-indicator__dot{background:#fff;box-shadow:0 4px 18px rgb(0 0 0 / 18%);animation:due90-scroll-dot 2.15s cubic-bezier(.65,0,.35,1) infinite}
.hero-scroll-indicator__label{font-size:10px;font-weight:500;line-height:1;letter-spacing:.2em;white-space:nowrap;text-shadow:0 2px 10px rgb(0 0 0 / 28%)}
.hero-scroll-indicator:hover{opacity:.72}
@keyframes due90-scroll-dot{0%,12%{transform:translateY(0)}48%,60%{transform:translateY(42px)}100%{transform:translateY(0)}}
@keyframes due90-scroll-trail{0%,12%{top:0;height:28px}48%{top:0;height:70px}60%{top:42px;height:28px}61%,100%{top:0;height:28px}}
@media(max-width:700px){.hero-scroll-indicator{bottom:34px;gap:8px}.hero-scroll-indicator__motion{transform:scale(.86);transform-origin:bottom center}.hero-scroll-indicator__label{font-size:9px;letter-spacing:.17em}}
@media(prefers-reduced-motion:reduce){.hero-scroll-indicator__trail,.hero-scroll-indicator__dot{animation:none}.hero-scroll-indicator__trail{height:70px}.hero-scroll-indicator__dot{transform:translateY(42px)}}