.home-index{
  position:fixed;top:120px;right:var(--pad);z-index:55;
  padding:15px 17px;border-radius:20px;text-align:right;
  background:var(--ui-surface-alpha,var(--ui-surface));
  color:var(--ui-text);
  -webkit-backdrop-filter:blur(10px) saturate(1.08);
  backdrop-filter:blur(10px) saturate(1.08);
  box-shadow:0 16px 36px -18px color-mix(in srgb,var(--ui-inverse-surface) 42%,transparent);
  animation:home-index-in .5s ease-out 1.5s backwards;
}
.home-index__list{margin:0;padding:0;list-style:none}
.home-index__item{
  max-height:36px;margin-bottom:6px;opacity:1;overflow:hidden;
  transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s ease,margin-bottom .4s cubic-bezier(.16,1,.3,1);
}
.home-index__item:last-child{margin-bottom:0}
.home-index a{
  display:flex;align-items:center;justify-content:flex-end;gap:10px;
  min-height:28px;padding-block:3px;
  color:var(--ui-secondary,var(--ui-text));font-size:var(--type-small);font-weight:500;line-height:1.5;
  text-decoration:none;white-space:nowrap;transition:color .3s ease;
}
.home-index a::before{
  content:"";width:20px;height:2px;flex:none;border-radius:2px;
  background:var(--ui-link);opacity:0;transform:scaleX(.15);transform-origin:right;
  transition:opacity .35s ease,transform .4s cubic-bezier(.16,1,.3,1);
}
.home-index a:hover{color:var(--ui-link)}
.home-index a[aria-current="location"]{color:var(--ui-link);font-weight:700}
.home-index a[aria-current="location"]::before{opacity:1;transform:none}
.home-index a:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px;border-radius:3px}
.home-index--compact .home-index__item{max-height:0;margin-bottom:0;opacity:0}
.home-index--compact .home-index__item--current{max-height:36px;opacity:1}
.home-index--compact:hover .home-index__item,.home-index:focus-within .home-index__item{max-height:36px;margin-bottom:6px;opacity:1}
.home-index--compact:hover .home-index__item:last-child,.home-index:focus-within .home-index__item:last-child{margin-bottom:0}
.home-index:focus-within .home-index__item{overflow:visible;transition:none}
.sin-intro .home-index{animation:none}
@keyframes home-index-in{from{opacity:0}to{opacity:1}}
@media(max-width:1100px),(max-height:560px){.home-index{display:none}}
:is(.portfolio-preview,.preview-estatica) .home-index{display:none}
@media(prefers-reduced-motion:reduce){
  .home-index,.home-index__item,.home-index a,.home-index a::before{animation:none;transition:none}
}
@media(forced-colors:active){
  .home-index{background:Canvas;color:CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}
  .home-index a{color:LinkText}
  .home-index a[aria-current="location"]{color:Highlight}
  .home-index a::before{background:Highlight}
  .home-index a:focus-visible{outline-color:Highlight}
}
@media print{.home-index{display:none}}