/* HOME reveals a horizontal row of floating shortcuts beneath the header. */
.header > nav { position: relative; }
.header .home-section-dropdown { position: static; flex: 0 0 auto; }
.header .home-section-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 60;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: max-content;
  max-width: calc(100vw - 40px);
  padding: 22px 4px 12px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 10px);
  transition: opacity .4s ease, transform .4s cubic-bezier(.2,.7,.2,1), visibility .4s;
}
/* A transparent bridge keeps HOME and its shortcuts connected. */
.header .home-section-menu::before { content: ''; position: absolute; bottom: 100%; left: 0; right: 0; height: 12px; }
.header .home-section-dropdown.is-open .home-section-menu {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0);
}
.header nav .home-section-menu .home-section-link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: auto;
  height: auto;
  min-height: 54px;
  padding: 13px 22px;
  margin: 0;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 100px;
  background: rgba(22,23,31,.76);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 6px 18px #20212618;
  font-family: var(--display, 'Barlow Condensed', sans-serif);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: .055em;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
  transform: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.header nav .home-section-menu .home-section-link::after { display: none; }
.header nav .home-section-menu .home-section-link:hover,
.header nav .home-section-menu .home-section-link:focus-visible { background: var(--pink, #ed67a5); border-color: var(--pink, #ed67a5); color: #202126; transform: none; }
.home-link-number { font-size: 12px; opacity: .7; }
.home-link-arrow { color: var(--pink, #ed67a5); font-family: sans-serif; font-size: 18px; }
.header nav .home-section-menu .home-section-link:hover .home-link-arrow,
.header nav .home-section-menu .home-section-link:focus-visible .home-link-arrow { color: #202126; }
@media (max-width: 700px) {
  .header .home-section-menu { width: calc(100vw - 40px); padding-top: 16px; gap: 8px; }
  .header nav .home-section-menu .home-section-link { min-height: 44px; padding: 10px 14px; gap: 8px; font-size: 16px; }
  .home-link-number { font-size: 10px; }
  .home-link-arrow { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .header .home-section-menu, .header nav .home-section-menu .home-section-link { transition: none; }
  .header .home-section-menu { transform: translate(-50%, 0); }
}