/* The cue is positioned independently so the profile keeps its original center. */
.home-hero { position:relative; flex:none; }
/* Keep the original centering area, including the space once occupied by the footer. */
.home-hero .profile-container { padding-top:96px; padding-bottom:calc(96px + 4rem); }
.scroll-cue {
  position:absolute; bottom:28px; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; min-width:88px; min-height:48px; color:#777; font-size:12px;
  line-height:1.5; letter-spacing:2px; text-decoration:none;
  transition:opacity .25s ease, visibility .25s ease;
}
.dark-theme .scroll-cue, [data-theme="dark"] .scroll-cue { color:#aaa; }
.scroll-cue:hover { color:inherit; }
.scroll-cue:focus-visible { outline:2px solid currentColor; outline-offset:5px; border-radius:2px; }
.scroll-cue-arrow { display:block; width:24px; height:24px; animation:scroll-cue-nudge 1.6s ease-in-out 2; }
.scroll-cue.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }
#home-posts { scroll-margin-top:24px; }
#home-posts:focus { outline:none; }
@keyframes scroll-cue-nudge { 0%,100% { transform:translateY(0); } 50% { transform:translateY(5px); } }
@media (max-width:620px) {
  .home-hero .profile-container { padding-bottom:calc(96px + 3rem + 2em); }
  #home-posts { scroll-margin-top:96px; }
}
@media (prefers-reduced-motion:reduce) { .scroll-cue { transition:none; } .scroll-cue-arrow { animation:none; } }