/* Menu hotspots follow the actual 367 x 519 sidebar artwork.
   Keep each reflection inside its rounded button, including keyboard focus. */
.drawer .drawer-links a {
  position:absolute;
  display:block;
  width:auto;
  padding:0;
  border:0;
  background:transparent;
  text-decoration:none;
  cursor:pointer;
  outline:none;
  box-shadow:none;
  left:10.4%;
  right:6.5%;
  height:7.1%;
  isolation:isolate;
  overflow:hidden;
  border-radius:999px;
}
.drawer .drawer-links a.row-1{top:18.11%}
.drawer .drawer-links a.row-2{top:26.40%}
.drawer .drawer-links a.row-3{top:34.30%}
.drawer .drawer-links a.row-4{top:42.00%}
.drawer .drawer-links a.row-5{top:49.71%}
.drawer .drawer-links a.row-6{top:57.23%}
.drawer .drawer-links a.row-7{top:64.93%}
.drawer .drawer-links a.row-8{top:72.45%}
.drawer .drawer-links a.row-9{top:79.96%}
.drawer .drawer-links a.row-10{top:87.48%}
.drawer .drawer-links a::before,
.drawer .drawer-links a::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
}
.drawer .drawer-links a::before {
  background:linear-gradient(100deg,rgba(245,253,255,.04),rgba(255,235,204,.25) 54%,rgba(244,250,255,.08));
  transition:opacity .2s ease-out;
}
.drawer .drawer-links a::after {
  background:linear-gradient(104deg,transparent 15%,rgba(255,249,231,.02) 28%,rgba(255,248,220,.38) 50%,rgba(233,242,255,.17) 59%,transparent 78%);
  transform:translateX(-100%);
}
.drawer .drawer-links a:hover::before,
.drawer .drawer-links a:focus-visible::before {opacity:1}
.drawer .drawer-links a:hover::after,
.drawer .drawer-links a:focus-visible::after {animation:lf-tile-flash .72s ease-out 1 both}
@keyframes lf-tile-flash {
  0% {opacity:0;transform:translateX(-100%)}
  34% {opacity:.90}
  100% {opacity:0;transform:translateX(100%)}
}
@media(prefers-reduced-motion:reduce){
  .drawer .drawer-links a::before{transition:none}
  .drawer .drawer-links a::after{animation:none}
}

.drawer .drawer-links a:focus-visible{box-shadow:inset 0 0 0 2px #fff4ce}

/* Shared header export-edge and moving-light contours, including the landing. */
.nav-picture-art { clip-path:inset(3.704% 0 0 0); }
.nav-picture::after,
.nav-picture > .lf-orbit-header {
  clip-path:inset(3.704% .35% 1% round 999px);
}