.home-explore__menu .explore-menu { margin: 0; padding: 0; list-style: none; counter-reset: explore; }
.home-explore__menu .explore-menu li { counter-increment: explore; }
.home-explore__menu .explore-menu a { display: grid; grid-template-columns: 50px 1fr auto; gap: 18px; align-items: baseline; border-bottom: 1px solid var(--line); padding: 18px 0; font-family: 'Teko', Impact, sans-serif; font-size: clamp(1.3rem, 3vw, 3rem); line-height: .86; letter-spacing: -.015em; }
.home-explore__menu .explore-menu a::before { content: counter(explore, decimal-leading-zero); color: var(--blue); font-family: 'DM Mono', monospace; font-size: .72rem; font-weight: 500; letter-spacing: .1em; }
.home-explore__menu .explore-menu a b { color: var(--blue); font-family: 'DM Mono', monospace; font-weight: 400; }
.home-explore__menu .explore-menu__link--blue:hover,.home-explore__menu .explore-menu__link--blue:focus-visible { color:#0095b4; }
.home-explore__menu .explore-menu__link--yellow:hover,.home-explore__menu .explore-menu__link--yellow:focus-visible { color:#ffb000; }
.home-explore__menu .explore-menu__link--gradient:hover,.home-explore__menu .explore-menu__link--gradient:focus-visible { color:#85c7e6; }
.home-explore__menu .explore-menu__link--white:hover,.home-explore__menu .explore-menu__link--white:focus-visible { color:var(--white); background:#181818; }
.home-explore__menu .explore-menu__link--blue:hover::before,.home-explore__menu .explore-menu__link--blue:hover b { color:#0095b4; }
.home-explore__menu .explore-menu__link--yellow:hover::before,.home-explore__menu .explore-menu__link--yellow:hover b { color:#ffb000; }
.home-explore__menu .explore-menu__link--gradient:hover::before,.home-explore__menu .explore-menu__link--gradient:hover b { color:#85c7e6; }
.home-explore__menu .explore-menu__link--white:hover::before,.home-explore__menu .explore-menu__link--white:hover b { color:var(--white); }
.home-explore.is-open .explore-toggle span { transform:rotate(180deg); }

/* Desktop: opening Explore is immediate when the cursor reaches it. */
@media (hover: hover) and (pointer: fine) {
  .home-explore:hover .home-explore__menu,
  .home-explore:focus-within .home-explore__menu { display: block; }
  .home-explore:hover .explore-toggle span { transform: rotate(180deg); }
}